jsday04补充(dom基础)

来源：互联网发布：android 源码 github 编辑：程序博客网时间：2024/06/06 17:51

<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><script type="text/javascript" >var b= true;function demo(){    var obj= document.getElementById("divid");      //alert(obj.tagName);    //alert(obj.innerText);    //alert(obj.className);    if(b){        obj.className="font1";        b=false;        }           else{            obj.className="font2";            b=true;            }}var ranNum = parseInt(Math.random()*100+1);function guess(){        var textObj = document.getElementById("textid");        var num = parseInt(textObj.value);        if(num>ranNum)            alert("大");        else if (num<ranNum)            alert("小");        else             alert("中"); }</script><style type="text/css">.font1{    color:#036      }.font2{    color:#F00    }</style></head><body>/*DOM document object model 文档对象模型让用户动态添加删除标签 并且结合css做些效果 封装成对象dom有三层模型1、将html文档封装成了对象2、将xml文档封装成对象3、将xml文档封装成对象html    head        title        base        meta        link            style    body        table            tbody                tr                    td可以自己增删td 动态修改树的节点结构                    td                    th        div        form        aDOM树 节点DHTML 动态html 多种技术的综合体 有了DOM对标签进行操作html css dom javascript 四个合体成DHTMLhtml负责将数据进行封装dom 的出现将标签封装成对象 起关键作用css 负责标签中数据的样式javascript 将三者进行融合 通过程序设计方式来完成动态效果的展现(操作)        xmlHttpRequest -->Ajax  */<input type="button" value="演示效果" onclick="guess()"/><input type="text" id="textid" /><div id="divid" >哈哈</div></body>

Javascript    是Netscape公司语言基于对象和事件驱动    和java的不同之处    1、所属的公司不一样 java是sun公司 现在是oracle公司    2、js是基于对象 java是面向对象    3、js是由浏览器解释并执行 java是由jvm解释并执行    4、js是弱类型的语言 java是强类型的    5、js是非严谨的 java是严谨的    javascript运行在客户端    结合方式是    1、通过定义`<script>`标签将js代码存入其中 并指定type属性 方便于浏览器启动指定的解析引擎    2、也可以通过`<script>` 标签使用src属性链接一个指定的js文件 提高js文件复用性    javascript的基本语法    1、变量        通过var关键字定义变量 该变量可以赋予不同类型的常量        var x= 3;        x="abc";        特殊的常量 undefined    2、语句        if ,switch, while ,do while, for        使用逻辑运算符进行布尔表达式连接的时候 需要短路与和短路或 &&||        因为在js中 非0即为真 0为false 非空为真 空为假        js特有的语句         with(对象){}可以确定对象所使用的范围 在该范围内 可以直接使用指定对象的    属性和行为 而不用对                          象.的形式调用 简化了对象的操作        for(变量 in 对象) 可以对对象的属性及行为进行遍历    3、数组        对于js的数组特点在于 该数组的长度是可变的 相当于java中的集合        该数组中可以存放的元素类型是可以不同的        定义格式            var arr = [3,true,"abc"];            var arr = new Array(); 在内存中划分区域 不断存入数据            var arr =[[3,1,2],[3,1]];        操作形式和java一样 都是通过for进行遍历 同时也使用了指针思想    4、函数        通过function 关键字定义函数        a,一般函数            格式 function 函数名(形式参数)                    {                        执行语句;                        return 返回值;                    }            通常为了提高代码的复用 可以将代码封装成函数            两个明确                 #、明确该功能实现后的结果                #、该功能在实现过程中是否有未知内容参与运算        b,动态函数            使用的是function 对象            var show = new function("x","y","return x+y;");            动态函数的特点 在于可以将参数列表和方法体作为参数传递        c,匿名函数            一般函数的简写形式            function(){}            匿名函数通常可以用于事件的处理             如window.onload = function(){alert('onload over');}加载后事件        在函数使用时需要注意        function show()        {            return "show run";        }        var method = show;        var method = show();        两句代码是正确的         第一句表示的是表示的是将show指向的对象的地址赋值给method 那么method也指向了该对象就可以通过method();的形式来调用这个show方法         第二句表示的是show方法运行后的结果赋值给method变量js可以通过对象形式将数据进行封装 首先要对对象进行描述 通过函数来完成function Person(name,age){    this.name=name;    this.age=age;}var p = new Person("lisi",30);alert(p["name"]+"..."+p.age);p.show=function(){    alert("show run");}

阅读全文

0 0