JavaScript常用技巧( 个人整理:复习备忘)
来源:互联网 发布:长脸男生发型 知乎 编辑:程序博客网 时间:2024/06/16 20:29
1.JavaScript的数据类型都有什么?
第二种是使用option构造函数来创建新选项:
基本数据类型:String,boolean,Number,Undefined, Null
引用数据类型:Object(Array,Date,RegExp,Function)
那么问题来了,如何判断某变量是否为数组数据类型?
- 方法一.判断其是否具有“数组性质”,如slice()方法。可自己给该变量定义slice方法,故有时会失效
- 方法二.obj instanceof Array 在某些IE版本中不正确
- 方法三.方法一二皆有漏洞,在ECMA Script5中定义了新方法Array.isArray(), 保证其兼容性,最好的方法如下:
if(typeof Array.isArray==="undefined"){ Array.isArray = function(arg){ return Object.prototype.toString.call(arg)==="[object Array]" }; }
2.如何使用JavaScript动态创建select的option选项,并将它们添加到选项框中?
第一种可以使用如下的DOM方法,代码如下:
var selectbox = document.getElementById("selLocation");//指定添加选项操作的选择框对象var newOption = document.createElement("option");//创建一个新的option元素newOption.appendChild(document.createTextNode("option text"));//添加一个文本结点newOption.setAttribute("value", "option value");//设置value特性 selectbox.appendChild(newOption);//添加到指定的选择框中
第二种是使用option构造函数来创建新选项:
var newOption = new Option("Option text","Option value");//构造函数创建一个Object的实例,浏览器(必须兼容DOM)会返回一个<option>元素selectbox.appendChild(newOption);//在IE8及之前的版本中有问题
第三种添加选项的方式是使用选择框的add ()方法,该方案可以在所有浏览器中都将新选项插入到列表最后,兼容性最好,推荐!!
var newOption = new Option("Option text","Option value");selectbox.add(newOption,undefined);//第二个参数为将位于新选项之后的选项。 //在IE中,第二个参数是可选的,而且如果指定,该参数必须是新选项之后选项的索引。 //兼容DOM的里浏览器要求必须指定第二个参数,跨浏览器编程就需传入undefined。第三种方式值完成添加选项,默认添加到选择框的最后一个。若想将选项添加到其他位置,就应该使用标准的DOM技术和insertBefore()方法,
y=document.getElementsByTagName("option");//返回元素的顺序是它们在文档中的顺序x.insertBefore(newNode,y[3]);//x为指定的option,添加的选项在y[3]之后
3.设置一个已知ID的DIV的html内容为xxxx,字体颜色设置为黑色(不使用第三方框架)
var dom = document.getElementById(“ID”);dom.innerHTML = “xxxx”;dom.style.color = “#000”;
0 0
- JavaScript常用技巧( 个人整理:复习备忘)
- CLR 基础备忘 (纯个人复习备忘)
- JavaScript整理、分析、提高、备忘(一)
- Matlab常用技巧备忘
- Eclipse常用技巧(备忘)
- Linux/Mac OS 个人常用Terminal技巧整理
- Linux/Mac OS 个人常用Terminal技巧整理
- 个人常用LINUX命令备忘!
- javascript技巧整理(1)
- javascript技巧整理(2)
- javascript技巧整理(3)
- javascript常用备忘
- javascript常用备忘
- Javascript个人整理
- javaScript 常用技巧(一)
- javaScript 常用技巧(二)
- javaScript 常用技巧(三)
- javaScript 常用技巧(一)
- 关于URL编码
- Xcode5和6共存时,如何发布应用到商店
- 【cocos2dx粒子系统】总结学习
- Spring Scope
- 通过eclipse 的axis1插件,快速开发webservice服务端和客户端
- JavaScript常用技巧( 个人整理:复习备忘)
- HDU 1010 Tempter of the Bone
- 在Android中使App快速、简单地支持新浪微博、微信、QQ、facebook等十几个主流社交平台的分享功能
- java排序之快速排序
- Unity3D研究院之Assetbundle的实战
- android 加下划线
- MyEclipse M2_REPO变量调整
- 如何在window上把你的项目提交到github
- 用Ant实现Java项目的自动构建和部署