ICode9

精准搜索请尝试: 精确搜索
  • 解决自媒体一键多平台发布,从零开发Markdown编辑器(一)2022-09-12 15:32:38

    前言 在这个人人都是自媒体的时代,为了扩大个人影响力同时预防文章被盗版至其他平台,多平台发布文章就成了创作者们的一大痛点,为了解决这一痛点就需要将文章的编辑到发布无缝集成。 现在要实现这一功能,开发一个完全可控的Markdown编辑器就是第一步。 本文源码已上传Github:Github hxs

  • JavaScript 学习-33.HTML DOM 获取和修改文本节点( textContent,innerText 和 innerHTML)2022-05-29 12:31:16

    前言 textContent、innerText 和 innerHTML 三个方法的使用场景和区别 textContent 和 innerText IE 浏览器最早引入了innerText, 虽然是IE浏览器私有属性,但是其他很多浏览器也支持了。提到IE,必然是坑! 火狐浏览器把innerText换成了textContent , 但其他浏览器上面,也是可以使用text

  • 一个容易弄错的.textContent和text()问题2022-01-25 20:04:35

    最近在写一些前端页面,遇到需要通过点击事件获取被点击对象的文本内容,正确代码如下: <!DOCTYPE html> <html lang="en"> <head> <script type="text/javascript" src="./js/jquery.min.js"></script> <meta charset="UTF-8">

  • XML和DOM2021-09-25 22:32:45

    XML :传输数据 XML是一种文件格式(可扩展的标记语言)使用<> 文件以 .XML结尾 DOM:文档对象模型,把文档成员描述成对象 1.获取Document对象注意      记得导import org.w3c.dom.Document; Document document= DocumentBuilderFactory.newInstance() .newDocume

  • js获取验证码倒计时2021-08-12 16:00:08

    <button type="button" id='getting' onclick="time(this)" class="mui-btn text-primary" style="height: 40px;width:30%;">获取验证码</button> //倒计时 var wait = 60; function time(btnObj) { if(wait

  • QTextEdit设置可输入字符字节限制2021-08-04 20:33:12

    来源: http://blog.csdn.net/tianlanfeng5/article/details/6333485 QTextEdit是没有可以直接调用的成员函数用来设置可输入字节数的最大限制。 这边是通过信号textChanged来实时监控输入,从而控制输入的。 实现方式如下: 1。定义自己的处理槽slotTextChanged() 2。connect槽sl

  • innerHTM 和 textContent2021-08-04 15:33:13

    innerHTML 是获取/设置 标签的内容 1、获取:是获取元素内的所有内容 <div class="one" id="box">我是div <span>我是一个span</span> <p>我是一个p</p> </div> <script> let box = document.getElementById('box');

  • 猜数字游戏——纯前端实现(纯小白也能看懂&CV直接拿走直接玩)2021-07-18 09:03:37

    猜数字小游戏 废话不多说,直接上代码: (给纯白的一句话:将下面代码CV你电脑桌面创建的txt文档里,然后改后缀名为html就可以直接玩啦!【代码能给的注释我都给啦,不信你还看不明白!】) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>猜数字</tit

  • textContent、innerText、innerHTML属性2021-06-10 22:03:37

      innerText与textContent 他们都是设置标签中的文本内容, 使用textContent属性,谷歌,火狐支持,IE8不支持使用innerText属性,谷歌,火狐,IE8都支持 如果这个属性在浏览器中不支持,那么这个属性的类型是undefined判断这个属性的类型 是不是undefined,就知道浏览器是否支持 兼容判断

  • 题库(猜数字小游戏)前端实现2021-06-09 18:53:06

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>猜数字</title> </head> <body> <h1>猜数字游戏</h1> <p>请输入1~100之间的自然数:</p> <input type="

  • iview filterable在搜索时,只按照 label 进行搜索2021-02-24 14:03:43

    <Select v-model="deptId" filterable :only-filter-with-text="true"// //用来控制是否启用自定义的originValidateOption函数。true代表启用 clearable >

  • 内部样式编写方法2020-12-22 17:33:26

    在可视化的组件开发中如果要穿透第三方的ui组件在vue文件中不能使用scope的情况下,可以使用内部样式去编写覆盖代码如下: /** * 设置内部样式 * @param {*} textContent 样式模板字符串 * @param {*} id 样式唯一ID * @param {*} prefix */ export const setHeaderStyle = (t

  • JavaScript基础1--简介及简单应用2020-09-20 12:01:02

    JavaScript JavaScript 是一种脚本,一门编程语言,它可以在网页上实现复杂的功能,网页展现给你的不再是简单的静态信息,而是实时的内容更新,交互式的地图,2D/3D 动画,滚动播放的视频等等 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>微信搜索:伊洛的小屋</titl

  • 图解 Vue 异步更新原理2020-09-08 07:09:05

    本文转载自微信公众号「 前端日志」,作者 前端日志。转载本文请联系 前端日志公众号。本文主要分析 Vue 从 Data 更新,到通知 Watcher 异步更新视图的流程,也就是下图中的橙色部分。我们先来回顾一下图中的几个对象:Data 对象:Vue 中的 data 方法中返回的对象。Dep 对象:每一个 Data 属性

  • 【JavaScript】猜数字游戏2020-07-24 21:34:57

    以下内容为学习记录,可以参考 MDN 原文。 环境 vscode 1.46 Microsoft Edge 83 示例 以下内容为了解和熟悉 JavaScript,不需要理解,能够复制粘贴并正确运行即可。 新建网页模板 在 vscode 中新建一个 index.html 文件,然后输入以下内容。 <!DOCTYPE html> <html> <head> <me

  • 【JavaScript】排查错误2020-07-03 13:07:41

    以下内容为学习记录,可以参考 MDN 原文。 环境 vscode 1.46 Microsoft Edge 83 排错 之前创建一个猜数字的游戏,如果还没有运行起来的话,接下来的排查错误可以帮忙到你。 如果没有调试出来也没有关系,记着可以打开 F12 进行调试就可以了,以后会用到的。 错误类型 一般来说,代码错误

  • 富文本编辑器的毛毛雨2020-05-27 09:55:55

                           self: any = ''   range: any = ''   textContent: any = ''   //失去焦点时获取光标的位置   getblur() {     this.self = window.getSelection()     this.range = this.self.getRangeAt(0)     this.

  • JS中兼容代码总结---更新中2020-03-12 12:54:31

    1.设置标签中的文本内容,可以使用textContent属性和innerText属性。 textContent属性:谷歌、火狐支持,IE8不支持; innerText属性:谷歌、火狐、IE8都支持; 兼容代码 //设置任意标签中间的任意文本内容 function setInnerText(element, text) { //判断浏览器是否支持这个属性 if (typ

  • onload;readystatechange;DOMContentLoaded事件2019-11-10 16:04:34

    当文档的 readyState 属性发生改变时,会触发 readystatechange 事件。 onload 事件会在页面或图像加载完成后立即发生 当纯HTML被完全加载以及解析时,DOMContentLoaded 事件会被触发,而不必等待样式表,图片或者子框架完成加载。 <div class="controls"> <button id="reload" t

  • .NET轻松写博客园爬虫2019-08-30 09:03:56

    .NET轻松写博客园爬虫 爬虫,是一种按照一定的规则,自动地抓取网站的程序或者脚本。.NET写爬虫非常简单,并能轻松优化性能。今天我将分享一段简短的代码,爬出博客园前200页精华内容,然后通过微小的改动,将代码升级为多线程爬虫,让爬虫速度提升数倍;最后将对爬到了内容进行一些有趣的分析。

  • innerText Textcontent浏览器兼容代码2019-07-26 15:51:19

    设置标签中的文本内容,应该使用textcontent属性,谷歌,火狐支持    IE8不支持 设置标签中的文本内容,应该使用textcontent属性,谷歌,火狐,IE8都支持 如果这个属性在浏览器中都不支持,那么这个属性的类型是“undefined” 判断这个属性的类型是不是“undefined”,就知道浏览器是否支持   //

  • webAPI42019-05-16 19:56:29

    1鼠标移入移出事件 <ul>     <li>这是第1个li标签</li>     <li>这是第2个li标签</li>     <li>这是第3个li标签</li>     <li>这是第4个li标签</li>     <li>这是第5个li标签</li>     <li>这是第6个li标签</li> </ul> <script s

  • 使用原生js自定义内置标签2019-02-04 21:39:36

    使用原生js自定义内置标签 效果图 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-e

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有