JavaScript(3)——动态内容
来源:互联网 发布:剑雨江湖灵宠进阶数据 编辑:程序博客网 时间:2024/06/11 01:55
作用:
根据选择发生变化,或在时间的触发下不断发生变化
知识要点:
innerText innnerHTML outerText和outerHTML(修改id指定的html代码或文本内容)
insertAdjacentHTML()和insertAdjacentText() (向元素标记对间追加内容)
selection是window的子对象,包括clear() empty() createRange()
textRange由<body> <button> <textarea> <input type=text> selection等元素的createRange创建。例如:
var myText=window.selection.createRange();
setTimeout和clearTimeout setInterval clearInterval:定时运行
移动 TextRange 对象使其起始点之间包含指定对象内的文本。
TextRange . moveToElementText (oElement )
功能实现:
1. 内容动态改变:利用上面的四个属性和俩个函数实现。
2. 查找与替换:利用document得到TextRange对象,使用TextRange.findText()查找,再使用TextRange.select()高亮显示,使用selection.createRange()和TextRange。Text进行替换。
3. 可使用window.promt()弹出“输入对话框”
- JavaScript(3)——动态内容
- javascript实现动态添加内容
- javascript 动态改变菜单内容
- JavaScript动态创建Html内容
- javascript动态创建html内容
- 3D动态词云—JavaScript
- JavaScript(4)——动态层
- 使用JavaScript动态刷新页面局部内容
- javaScript:动态添加iframe src内容
- javascript动态增加、删除、填充表格内容
- javascript动态增加、删除、填充表格内容
- javascript动态增加、删除、填充表格内容
- javascript动态增加、删除、填充表格内容
- Javascript 动态添加&删除列表框内容
- javascript动态修改select 的内容
- javascript动态修改html页面内容
- javaScript 动态增加数组内容 用push
- javascript动态添加表格内容tbody
- HTML 文字单个刷出的效果
- 简单C#程序加壳
- symbian S60 开发注意的一个关键问题!
- ehlib5.6 中,dbgrideh控件如何实现点击字段名称排序
- 随机字符串生成程序
- JavaScript(3)——动态内容
- JavaScript(4)——动态层
- Fedora Mysql安装总结
- Microsoft Project发展历史!
- HBase入门篇5
- Win32汇编之模式对话框(实例+详解)
- android之ListView布局
- JavaScript(5)——位置动态变化
- socket编程(udp tcp)代码备忘 C++/C