首页 > 代码库 > 2015-01-04 Javascript

2015-01-04 Javascript

JS的代码为 <script>  </script> ,可以放到网页的任何一个地方,用来控制界面上的元素,文件结尾为 .js

document.write("hello world")  --输出hello world

网页加载顺序:先加载head中,其次body中,最后html外。

另外建立一个结尾为.JS的文件,然后在html中引用,<script src="http://www.mamicode.com/js.js" type="text/javascript"></script>

 

语法:

弹出窗口:<script>
               alert("hello");
              </script>

单击事件:<img src="http://www.mamicode.com/网站-练习/J2.jpg" onclick="alert(‘hello‘)" />  --单机图片弹出窗口“hello”

 

在之前的某个script的字体中增加font编号 font1              <script>
                                                                              document.write("<font id=‘font1‘ size=16> hello world </font>")
                                                                           </script>

然后在一个新的script中获取这个编号,可以改变<font>和</font>中的文字

              <script>
               var zi=document.getElementById("font1");

               zi.innerHTML="你好";

               zi.style.color="#ff00ff"; 
              </script>

 如何在点击的时候触发:<img src="http://www.mamicode.com/网站-练习/J2.jpg" onclick="document.getElementById("font1").innerHTML="你好"" />

                                                                                             --在单击的时候将font1的内容变为“你好”

 

2015-01-04 Javascript