javascript中的dom

一、concat()方法

把两个数组或者字符连接起来。

二、dom

1.了解document object model(文档对象模型)

2.<script>标签中的成员变量和成员方法都是注册给window对象，所以我们可以直接通过window点出对应的对象。如下代码：

1 <body>
2     <input type="text" id="txt1"/>
3     <input type="button" id="btn1"/>
4     <script type="text/javascript">
5         window.txt1.value='helle world';
6         window.btn1.value='提交';
7 
8     </script>
9 </body>
View Code

3.上述代码的不足：当我们把input放在form表单中的时候，直接用window调用就不行了。（只在ie中能看到效果，火狐不影响）

 1 <form id="form1">
 2         <table>
 3             <tr>
 4                 <td><input type="text" id="txt1"/></td>
 5             </tr>
 6         </table>
 7 
 8         <input type="button" id="btn1"/>
 9     </form>
10     <script type="text/javascript">
11         window.form1.txt1.value='helle world';
12         window.form1.btn1.value='提交';
13 
14     </script>
View Code

4.document.getElementById()不会出现上述的现象。推荐这样获取页面的元素。

5.为元素注册事件

1 <!--给input的onclick事件注册了一个事件处理程序。处理程序是一个匿名方法，里面的是方法的方法体-->
2     <input type="button" onclick="alert('hello,world')" id="btn1"/>
3     <script type="text/javascript">
4         var code=document.getElementById('btn1').onclick.toString();//获取input的onclick事件的内容。
5         alert(code);
6 
7     </script>
View Code

html，css最好和js分离。如何分离？动态注册方法。

6.给元素的事件注册处理程序中的易错点

 1 <head>
 2     <meta charset="UTF-8">
 3     <title>Title</title>
 4     <script type="text/javascript">
 5         window.onload=function () {
 6             document.getElementById('btn1').onclick=function () {
 7                 document.getElementById('btn2').onclick=f1;//给btn2的onclick注册事件处理程序，这个程序是f1()方法。
 8                 document.getElementById('btn2').onclick=f1();//给btn2的onclick注册事件处理程序，这个程序是f2()的返回值。
 9             }
10         }
11 
12         function f1() {
13             alert('1');
14         }
15         function f2() {
16             alert('2');
17         }
18     </script>
19 </head>
20 <body>
21     <input type="button" id="btn1">
22 <input type="button" id="btn2">
23 </body>
View Code

 

posted @ 2018-12-05 21:29  wesley1680  阅读(86)  评论(0)    收藏  举报