javascript
朱琳的博客
迷茫,是因为才华配不上梦想。
展开
-
在js中是否存在重载?
java里面是存在重载的,那么js中呢?这个问题面试的时候会经常遇到。但是可以肯定的说,js中是不存在重载的,但是我们可以通过其他的方式来模拟重载,我们可以通过argument方法来实现。原创 2015-11-08 19:19:48 · 3737 阅读 · 0 评论 -
js-案例:省市连动下拉框
最终效果如下: - 完整代码如下:<html> <head> <style type="text/css"> </style> <title>Document</title> </head> <body> <select id="country" onchange="add1(this.value);"> <option value="0">请选择··</o原创 2015-11-17 23:29:05 · 2629 阅读 · 0 评论 -
js-案例:动态生成表格
效果如图所示: 完整代码如下:<html> <head> <style type="text/css"> </style> <title>Document</title> </head> <body> 行:<input type="text" id="h"/> 列:<input type="text" id="l"/> <input type="button" valu原创 2015-11-18 22:18:14 · 488 阅读 · 0 评论 -
js-案例:动态显示时间
首先需要获取当前的时间。 然后将时间写入div标签当时显示。 最后通过定时器setInterval设定时间每秒刷新一次。<body> <div id="div1"> </div> <script type="text/javascript"> function time(){ //得到当前时间 var date1=new Date(); //转换时间原创 2015-11-13 20:47:54 · 473 阅读 · 0 评论 -
js-案例:下拉列表左右选择分析
效果如图所示:首先,选中前两项:点击第一个按钮,选中添加到右边,效果如图:然后点击全部添加到右边,效果如图:同样,点击选中添加到左边按钮,效果如图:点击全部添加到左边按钮,效果如图: 完整代码如图所示:<html> <head> <title>HTML示例</title> <style type="text/css"> </style> </head> <body> <div s原创 2015-11-16 21:51:59 · 1925 阅读 · 0 评论 -
js-案例:全选框练习
简单的效果如图所示,完整代码如下: <html> <head> <title>HTML示例</title> <style type="text/css"> </style> </head> <body> <input type="checkbox" id="selAllNo" onclick="selAllNo();"/>全选/全不选<br/> <input type="ch原创 2015-11-16 20:41:41 · 865 阅读 · 0 评论 -
js-元素对象 Element对象一
要操作element对象,首先要获取到element 使用document对象里面相应的方法获取。 方法: 获取属性里面的值 getAttribute(“”); 设置属性的值 setAttribute(“”,“”); 删除属性值 removeAttribute(“”);<body> <input type="text" class="a" name="input1" id="inpu原创 2015-11-13 14:31:56 · 1363 阅读 · 0 评论 -
js-innerHTML属性
这个属性不是dom的组成部分,但是大部分浏览器都支持的属性 第一个作用:获取文本内容 第二个作用:向标签里面设置内容(可以是html代码)<body> <div id="div1"> </div> <span id=”sid” > da ad f</span> <script type="text/javascript">var span1=document.getElemen原创 2015-11-13 16:59:42 · 316 阅读 · 0 评论 -
js-操作dom树1(appendChild ()/insertBefore())
appendChild方法添加子节点到末尾 特点:可以实现类似于剪切黏切的效果<style type="text/css"> #div1{ width:200px; height:150px; border:2px solid red; } #div2{ width:200px; height:150px; border:5px dashed原创 2015-11-13 12:29:24 · 709 阅读 · 0 评论 -
js-Node对象属性二
父节点: ul是li的父节点parentNode<ul> <li>aaaaa</li> <li>bbbbb</li> </ul>子节点:li是ul的子节点childNodes:得到所有的子节点,但是兼容性很差 firstChild:获取第一个子节点 lastChild:获取最后一个子节点同辈节点:li之间关系是同辈节点nextSibling原创 2015-11-13 12:26:19 · 400 阅读 · 0 评论 -
js-Node对象属性
nodeNamenodeTypenodeValue使用dom解析html时候,需要html里面的标签,属性和文本都封装成对象。标签节点对应的值:nodeType : 1 nodeName: 大写标签的名称 比如span nodeValue: 属性的值属性节点对应的值:nodeType : 2 nodeName: 属性名称 nodeValue: 属性的值文本节点对应的值:no原创 2015-11-13 12:24:29 · 2005 阅读 · 0 评论 -
js-案例在末尾添加节点
第一步:获取到ul标签 第二步:创建li标签 createElement(); 第三步:创建文本 createTextNode(); 第四步:把文本添加到li下面 appendChild(); 第五步:把li添加到ul的末尾<ul id="ul1"> <li>111</li> <li>222</li> <li>333</li>原创 2015-11-13 14:29:11 · 1638 阅读 · 0 评论 -
js-dom树2(删除,复制,替换节点)
removeChild方法:删除节点<body> <ul id="ul1"> <li id="li1">1</li> <li id="li2">2</li> <li id="li3">5</li> <li id="li4">6</li> </ul> <input type="button" value="add" onclick="remove();"/>原创 2015-11-13 16:13:37 · 1348 阅读 · 0 评论 -
js中dom的document对象
document对象:表示整个的文档 常用方法:write方法:向页面输出变量(值) 向页面输出html代码 document.write("hello"); document.write("<hr/>");getElementById()方法:通过id得到元素(标签),向input里面设置一个值value //使用getElement原创 2015-11-10 17:19:00 · 396 阅读 · 0 评论 -
js的dom模型
dom:Document object model文档对象模型文档:超文本标记文档 html xml对象:提供了属性,方法模型:使用属性和方法操作超文本标记型文档即可以使用js里面的dom里面提供的对象,使用这些对象的属性和方法,对标记型文档进行操作。 需要把html里面的标签属性文本内容都封装成对象,然后解析标记型文档。dom解析html的过程如下图: 解析过程: 首先:根据ht原创 2015-11-10 17:11:39 · 430 阅读 · 0 评论 -
js的bom对象简介
bom:全称为:browser object model 浏览器对象模型 那具体有哪些对象呢?1.navigator 可以获取客户机的信息(获取浏览器的信息)。比如浏览器的类型。document.write(navigator.appName);2.screen 获取屏幕的一些信息,例如分辨率。 document.write(screen.width); document.write(scr原创 2015-11-08 19:52:03 · 901 阅读 · 0 评论 -
表单提交的方式
表单提交方式: 1. Submit提交<form>…… <input type=”submit” /></form> 2.使用button提交表单<form><input type=”button” onclick=”form1();”/></form>function form1(){}3.使用超链接提交<a href=”hello.html?username=123原创 2015-11-20 11:16:29 · 467 阅读 · 0 评论