自己常用js方法(DOM操作)

<select name="select" size="1" class="lianjie" onChange="window.open(this.options[this.selectedIndex].value,'_blank')" style="background:#fd8a29">
      <option value="">江西省高校思政网链接</option>
      <option value="http://www.jxmu.edu.cn">南昌大学医学院懿德网</option>
      <option value="http://www.qzjci.com">景德镇陶瓷学院求真网</option>
      <option value="http://www.md.jxufe.cn/">江西财经大学明德网</option>
      <option value="http://www.ecjtu.net/">华东交通大学日新网</option>
      <option value="http://qh.nchu.jx.cn/">南昌航空学院启航网</option>
</select>

========================================================================================

js 定时刷新页面：

========================================================================================
函数：split()
功能：使用一个指定的分隔符把一个字符串分割存储到数组
例子：

str=”jpg|bmp|gif|ico|png”;
arr=theString.split(”|”);
//arr是一个包含字符值”jpg”、”bmp”、”gif”、”ico”和”png”的数组

函数：join()
功能：使用您选择的分隔符将一个数组合并为一个字符串
例子：

var delimitedString=myArray.join(delimiter);
var myList=new Array(”jpg”,”bmp”,”gif”,”ico”,”png”);
var portableList=myList.join(”|”);
//结果是jpg|bmp|gif|ico|png

函数：substring()
功能：字符串截取，比如想从”MinidxSearchEngine”中得到”Minidx”就要用到substring(0,6)

函数：indexOf()
功能：返回字符串中匹配子串的第一个字符的下标

var myString=”JavaScript”;
var w=myString.indexOf(”v”);w will be 2
var x=myString.indexOf(”S”);x will be 4
var y=myString.indexOf(”Script”);y will also be 4
var z=myString.indexOf(”key”);z will be -1

========================================================================================

obj.innerHTML , obj.outerHTML

eg. 若有 <div id="container"><a herf=http://www.baidu.com>百度</a></div>

----> var obj=get.ElementById("container")
则 obj.innerHTML 等于 <a herf=http://www.baidu.com>百度</a>

当用js方法设置 obj.outerHTML="" 时，可以删除自己。也就是说可以通过设置对象的outerHTML属性值为"" 时，可以删除对象节点。

========================================================================================

js改变对象事件：
eg.

========================================================================================
//网址推荐给好友

function copyToClipBoard()
{
  var clipBoardContent='';
  clipBoardContent+=document.title;
  clipBoardContent+=window.location.href;
  window.clipboardData.setData("Text",clipBoardContent);
  alert("你已复制链接及标题，你可以粘贴到QQ/POPO/MSN等与好友分享了!");
}

自己常用js方法(DOM操作)相关推荐

JS的DOM操作1--获取元素与修改元素(附带动图案例)
1.获取元素与修改元素 https://blog.csdn.net/TroyeSivanlp/article/details/120580055 2.创建自定义属性和节点 https://blog.c ...
js hover 触发事件_为什么说JS的DOM操作很耗性能
想问这样的问题,其实是自己心中没有个谱,一直用 js 计算性能来衡量浏览器dom 操作性能.js性能和浏览器性能其实是两码事. 这个问题很抽象,它里面涉及挺多个小的知识点. 重申一点,js 操作 D ...
原生js循环展示dom_为什么说JS的DOM操作很耗性能
想问这样的问题,其实是自己心中没有个谱,一直用 js 计算性能来衡量浏览器dom 操作性能.js性能和浏览器性能其实是两码事. 这个问题很抽象,它里面涉及挺多个小的知识点. 重申一点,js 操作 D ...
JS的DOM操作3--删除事件，注册事件与冒泡⭐⭐⭐(附带动图案例)
1.获取元素与修改元素 https://blog.csdn.net/TroyeSivanlp/article/details/120580055 2.创建自定义属性和节点 https://blog.c ...
失去jQuery Bloat —使用NodeList.js进行DOM操作
p.tip {background-color: rgba(128,128,128,0.05);border-top-right-radius: 5px;border-bottom-right-rad ...
常用的原生DOM操作汇总
一.常见DOM操作 1. 获取查找DOM元素 Ele.getElementById(idName) 通过id查找元素.返回的是元素DOM,如果页面上有多个相同ID的元素,则只会返回第一个元素,不会返回 ...
js 原生dom 操作
一. 首先要了解什么是 DOM? DOM: 全称 Document Object Mode 文档对象模型,表示由多层节点构成的文档. document: 表示每个文档的根节点,它的唯一子结点是 htm ...
JS的DOM操作——style的操作
对于JS操作文档中的元素,改变其的样式特征需要用到一个属性--style 常见操作:获取的元素点(·)style.xx(需要设置或修改的属性) 代码演示:例如修改div块的背景颜色 <style ...
前端常用js方法工具封装
不定期更新 let util = {};/*** 获取指定数组指定key对应的值比较,若相等则返回该value值* @param arr Array 需要遍历的数组* @param id string ...
ManGe总结的常用js方法
字符串操作 length 属性返回字符串的长度: str.length; indexOf() 方法返回字符串中指定文本首次出现的索引(位置): str.indexOf("China" ...

自己常用js方法(DOM操作)

自己常用js方法(DOM操作)相关推荐

最新文章

热门文章