zoukankan      html  css  js  c++  java
  • javascript

    javascript:前端解释型脚本语言;区分大小写;可以在html任意地方插入。

    html中插入脚本:1.  <script type="text/javascript">脚本代码</script>;2.   <script src="1.js"></script>。

    注释://单行注释;/*     多行注释    */。

    标识符:字母,数字,_下划线,$美元符号,不能以数字开头,不能是关键字。

    变量:var a=123; let b=123; const c=123;  var和let都可以用来定义变量,作用域不同。x=123 ;定义变量时前面不写关键字也可以表示是一个全局变量。

    常用函数:typeof(检查变量类型);isNaN(检查n是否是"非数值");==比较值;===比较值和类型;把非数值转为数值的3个函数:parseInt();number();parsefloat()。

    函数格式:function 函数名(){  };

     三元操作符:条件 ? 执行代码1:执行代码2;

    数组:

    //创建数组:
    //
    var arrays1=new Array();//js创建数组可以不必指定数组长度.可以随时指定下标添加值.
    //
    var array2=newArray(1,2,3,4);
    //
    var array3=[1,2,3];//js数组可以保存不同的数据类型.
    数组

     递归:

    // 递归,就是自己调用自己
    // 递归要有合理的退出条件,否则就可能造成RangeError: Maximum call stack size exceeded
    function Add(num){
        if(num == 1){
            return 1;
        }
        else {
            return num+Add(num-1);
        }
     }
    递归

    控制台打印函数:console.log("test");

    DOM就是网页的对象。

    操作DOM对网页进行添加元素,

    1.创建元素节点:var p=document.createElement("p");
    2.创建文本节点:var node=document.createTextNode(自定义文本内容);
    3.将文本加入元素节点:p.appendChild(node);
    4.获取元素节点:var div1=document.getElementById("div1");
    5.将创建的元素节点加入已经存在的节点中:div1.appendChild(p);
    //获取cookie:documen.cookie;
    id函数返回一个标签对象,class函数返回一个数组对象(class.item(0)可以指定下标)。
    innerHTML返回元素开始标签和结束标签之间的内容。
    获取元素的属性值,ele.getAttribute("attribute")。
    设置元素属性,ele.setAttribute("attribute",value)。
    删除元素属性,ele.removeAttribute("attribute")。
    事件:html事件,DOM 0级事件,DOM2级事件
    html事件:直接写在html标签属性里面。
     0级事件:ele.onclick()=function(){};0级事件只能绑定一个监听。
    2级事件:ele.addELementListener("click",funciton(){},false);2级事件可以绑定多个监听函数。

    BOM
      bom里面的几个核心对象:document(文档对象),windows(窗口对象),location(位置对象),hisyory(历史对象),Screen,Navigator(浏览器对象)。
      windwos对象方法使用时,可以省略前面的对象名windows。例:windows.alert("弹窗");alert("弹窗");

    内置对象
       Array数组对象,String字符串对象,Math数学对象,Date日期对象。

    函数
      function 函数名(参数){
        //函数执行部分
      }

    <!DOCTYPE HTML>
    <html>
        <head>
            <meta charset="UTF-8">
            <title>测试网页</title>
            <style>
                body{
                    background-color:black;
                    color:blue;
                    font-family:楷体;
                    text-align:center"
                    
                }
            </style>
            <script>
                //onload当页面第一次加载完成,执行check函数。
                function check(){
                    var name=navigator.appName;
                    alert("加载完成");
                    document.write("<p>正在使用"+name+"浏览器</p>");
                }
            </script>
        </head>
    
        <body onload=check()>
            <div>
                <marquee direction="right">
                    <p style="align:center">测试专用页面</p>
                </marquee>
            </div>
        </body>
    </html>
    简单js示例

     
     
  • 相关阅读:
    2016/4/27 xml
    2016/4/27 网络编程
    2016/4/25 java io
    mysql 基础列题
    数据库的语法
    数据库
    io流
    xml
    网络编程
    gui2
  • 原文地址:https://www.cnblogs.com/PrideAssassin/p/11531690.html
Copyright © 2011-2022 走看看