JavaScript(3)——动态内容

来源:互联网 发布:剑雨江湖灵宠进阶数据 编辑:程序博客网 时间:2024/06/11 01:55

作用:

根据选择发生变化,或在时间的触发下不断发生变化

知识要点:

innerText   innnerHTML   outerTextouterHTML(修改id指定的html代码或文本内容)

insertAdjacentHTML()insertAdjacentText() (向元素标记对间追加内容)

selectionwindow的子对象,包括clear()  empty()  createRange()

textRange<body> <button> <textarea> <input type=text> selection等元素的createRange创建。例如:

   var myText=window.selection.createRange();

setTimeoutclearTimeout   setInterval  clearInterval:定时运行

移动 TextRange 对象使其起始点之间包含指定对象内的文本。

       TextRange . moveToElementText (oElement )

功能实现:

1.       内容动态改变:利用上面的四个属性和俩个函数实现。

2.       查找与替换:利用document得到TextRange对象,使用TextRange.findText()查找,再使用TextRange.select()高亮显示,使用selection.createRange()和TextRangeText进行替换。

3.       可使用window.promt()弹出“输入对话框”

原创粉丝点击