文章标题

来源：互联网发布：云计算为什么这么火编辑：程序博客网时间：2024/06/10 16:51

一、输出语句：
①alert(内容)
②document.write()
二、在HTML当中是用js
1、使用将js语法嵌入到HTML当中
2、

    <script type="text/javascript">    function play(){//Object为系统给定的空置的方法，对其实例化可以使得p不需要新建一空方法体就可以，获得一个存储空间       var  p=new Object();        p.width=300;        p.height=400;       p.autoplay=function(){              alert("自动播放");              //方法三              alert(this.height);       }       p.test=function(){       }        return p;     }   //方法二   var p=play();    //方法一    alert(p.width);   p.autoplay();</script>

 <script type="text/javascript">    function play(width,height){          this.width=width;          this.height=height;          this.autoplay=function(){              alert("你好，世界！");          }     }       var p=new play(300,400);     alert(p.width);     p.autoplay();      </script>

对象的操作方式

 <script type="text/javascript">  //对象的操作方式  /*   with(){        //所有括号内的方法，都是括号内对象的方法     }   */  //示例  with(document){         write("你好，世界！");    }</script>

十一、内置对象的应用
记得内置函数首字母需大写

 <script type="text/javascript">/* var demo =function {        return x+y;    } */    var demo=new Function("x","y","return x+y;");      alert(demo(3,5));      var str =new String("abc");      str="abcd";      document.write(str);      alert(str.length);</script>

         学习网址:         http://www.w3school.com.cn/jsref/index.asp

十二、数组的声明与应用

数组作用
批量的数据操作均需要使用数组的声明
快速声明对象

<script type="text/javascript">    /*          var p =new Object();           p.width=200;           p.height=300;          alert(p.width);          alert(p.height);     */    /*       json 格式       {属性名1:属性值1,属性名2:属性值2,......}     */     var p={width:200,height:300};     alert(p.width);     alert(p.height);</script>

数组的声明
var 数组名[元素1，元素2，元素3，………]

 <script type="text/javascript">    //一维数组    var names=["张三","李四","王二"];    //二维数组    var ages=[            [1,3,5],            [4,8,5],            [5,8,9]             ];     alert(names[0]);      alert(ages[0][1]);       </script>

使用Array对象
var arr =new Array(“成员1”,”成员2”）

 <script type="text/javascript">    function names(){      this.length=arguments.length;      //给数组内的元素赋值       for(var i=0; i<arguments.length;i++){           this[i]=arguments[i];       }    }    var arr=new names("张三","李四","王二");    arr[0]="lucy";    alert(arr[2]);    alert(arr.length);</script>

<script type="text/javascript">   var arr=new Array(1,8,9,4,6,8,7);   alert(arr[0]);</script>

数组的遍历

 <script type="text/javascript">   var arr=new Array(1,8,9,4,6,8,7);      for(var i=0; i<arr.length;i++){          document.write(arr[i]+"<br>");      }</script>

学习网站：
http://www.w3school.com.cn/jsref/jsref_obj_array.asp
十三、ＤＯＭ操作
- DOM作用
1、document 标记语言主要为HTML 以及XML
2、object 对象通过javascript操作HTML元素
- 操作属性
- 操作内容
innerText（IE） textContent(FireFox)
innerHtml()
outerText()
outerHtml()
表单 —value

<!DOCTYPE html><html><head><meta charset="utf-8">    <title>dom操作</title></head><body><a id="one" href="http://www.baidu.com/" target="_blank" >这是一个链接</a><input  id="sub" type="submit" value="确认"><script type="text/javascript" >        var objs1=document.getElementById("one");        objs1.title="百度，你就知道";        alert(objs1.title);        //显示文本内容,且两者效果相同        alert(objs1.innerText);          alert(objs1.textContent);        alert(objs1.innerHtml); // undifined        alert(objs1.outerHtml);    //undifined        alert(objs1.outerText);               var  objs2=document.getElementById("sub");         objs2.value="OK";        alert(objs2.value);</script> </body></html>

          - 操作样式

<!DOCTYPE html><html><head><meta charset="utf-8">    <title>dom操作</title>   <style type="text/css">        .test{           font-size: 36px;           width: 41px;           height: 20px;           background: blue;        }   </style></head><body><a id="one" href="http://www.baidu.com/" target="_blank" title="百度，你就知道" >这是一个链接</a><script type="text/javascript" >        var objs=document.getElementById("one");          //objs.style.backgroundColor="blue";          //objs.style.fontSize="4cm";          objs.className="test";</script> </body></html>

转化对象的两种形式：标记名（多个）、id、name
document中的三种方法：
getElementsByTagName()
getElementById()
getElementsByName()

     3、model       javascript 可以改变页面中所有的HTML元素      javascript 可以改变页面中所有的HTML属性      javascript 可以改变页面中所有的css样式      javascript 可以对页面中所有的事件作出反应

十四、事件操作
十五、事件对象
十六、ｗｉｎｄｏｗｓ对象
十七、表单对象
十八、其他位置属性

阅读全文

0 0