JavaScript总结

作者: wxyjj | 来源:发表于2017-02-05 12:10 被阅读1043次
    配图.jpg

    输入内容:document.write();

    例:document.write("I love JavaScript!");

    警告:alert消息对话框。

    例:

    function rec(){
    var mychar="I love JavaScript";
    alert(mychar);
    }
    

    确认、取消: confirm消息对话框。

    例:

    var message=confirm("你喜欢JavaScript吗?");
    if(message==true)
    {   
    document.write("nice!");
    }else{
    document.write("记得学习哦!");
    }
    

    提问判断:prompt消息对话框。

    例:

    var myname=prompt("请输入你的姓名:");
    if(myname!=null)
    {
    alert("你好"+myname);
    }else{
    alert("你好无名氏.");
    }
    

    打开新窗口:window.open。

    例:window.open([URL], [窗口名称], [参数字符串])

    关闭窗口:window.close。

    例:<窗口对象>.close();

    innerHTML 属性用于获取或替换 HTML 元素的内容。

    显示和隐藏:display属性

    例:

    function hidetext()  
    {  
    var mychar = document.getElementById("con");
    mychar.style.display="none";
    }  
    function showtext()  
    {  
    var mychar = document.getElementById("con");
    mychar.style.display="block";
    }
    

    控制类名:className属性

    通过className属性可以改变当前节点下的样式

    鼠标事件:onclick,onmouseover,onmouseout

    onclick为鼠标单击触发事件,onmouseover为鼠标经过事件,onmouseout鼠标移开事件

    光标聚集事件:onfocus
    失焦事件:onblur
    内容选中事件:onselect
    文本框改变事件:onchange
    加载事件:onload

    例:(以光标聚集事件为例)

    <head>
    <script type="text/javascript">
    function message(){
    alert("");
    }
    </script>
    </head>
    <body>
    请选择您的职业:<br>
    <form>
    <select name="" onfocus="message()"> 
    </select> 
    </form>
    </body>
    

    卸载事件:onunload

    例:

    <script type="text/javascript">  
    window.onunload=onunload_message;
    function onunload_message(){
    alert("你确定要离开该页面吗?");
    }
    </script>  
    

    设置日期:var Udate=new Date()
    改变字符串的大小写:toUpperCase(),toLowerCase()

    charAt() 方法可返回指定位置的字符。
    indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。
    split() 方法将字符串分割为字符串数组,并返回此数组。
    substring() 方法用于提取字符串中介于两个指定下标之间的字符。
    substr() 方法从字符串中提取从 startPos位置开始的指定数目的字符串。

    startPos必需,要提取的子串的起始位置,必须是数值

    例:(以charAt() 方法为例)

    <script type="text/javascript">
    var mystr="I love JavaScript!"
    document.write(mystr.charAt(mystr.length-1) );
    </script>
    

    Math.ceil(x),可对一个数进行向上取整。
    Math.floor(x),可以对一个证书进行向下取整。
    Math.round(x),可以把一个数字四舍五入为最接近的整数。
    Math.random(x),可以返回可返回介于 0 ~ 1(大于或等于 0 但小于 1 )之间的一个随机数。

    x必需,且必须是一个数值

    例:

    <script type="text/javascript">
    document.write(Math.ceil(3.3)+"<br />");
    document.write(Math.floor(3.3)+"<br />");
    document.write(Math.round(3.3)+"<br />");
    var i=Math.random()*10;
    document.write(Math.round(i));
    </script>
    

    concat() 方法用于连接两个或多个数组。

    例:

    var myarr1= new Array("010")
    var myarr2= new Array("-","84697581");
    var myarr=myarr1.concat(myarr2);
    document.write(myarr);
    

    join()方法用于把数组中的所有元素放入一个字符串,其中的元素是通过指定的分隔符进行分隔的。

    reverse() 方法用于颠倒数组中元素的顺序。

    例:

    var arr1= ["我","爱","你"];
    document.write(arr1.reverse());
    

    slice() 方法可从已有的数组中返回选定的元素。

    sort()方法使数组中的元素按照一定的顺序排列。

    例:

    function sortNum(a,b) {
    return b-a;//升序。如要降序,把“a - b”该成“b - a”
    }
    var myarr = new Array("80","16","50","6","100","1");
    document.write(myarr.sort(sortNum));
    

    计时器,setInterval(代码,交互时间);

    例:

    function clock(){
    ......
    }
    setInterval(clock,100);
    

    clearInterval() 方法可取消由 setInterval() 设置的交互时间。

    setTimeout()计时器,在载入后延迟指定时间后,去执行一次表达式,仅执行一次。
    setTimeout()和clearTimeout()一起使用,停止计时器。

    window.history.go(-1)或者window.history.back()返回上一个页面。
    window.history.go(1)或者window.history.forward跳入下一个页面。

    location用于获取或设置窗体的URL,并且可以用于解析URL。

    location对象属性图 location对象属性.jpg

    screen对象用于获取用户的屏幕信息(screen.width()、(screen.heigth())
    screen.availWidth 属性返回访问者屏幕的宽度
    screen.availHeight 属性返回访问者屏幕的高度

    例:window.screen.属性

    getElementsByName()方法,返回带有指定名称的节点对象的集合。
    getElementsByTagName()方法,返回带有指定标签名的节点对象的集合。
    getAttribute()方法,通过元素节点的属性名称获取属性的值
    setAttribute() 方法增加一个指定名称和值的新属性,或者把一个现有的属性设定为指定的值。

    nodeName : 节点的名称 ;
    nodeValue :节点的值 ;
    nodeType :节点的类型;
    访问子结点childNodes;
    访问父节点parentNode;
    nextSibling 属性可返回某个节点之后紧跟的节点。

    insertBefore() 方法可在已有的子节点前插入一个新的子节点。
    插入节点appendChild();
    删除节点removeChild();
    替换元素节点replaceChild();
    创建元素节点createElement();
    创建文本节点createTextNode();

    innerHTML在JS是双向功能:获取对象的内容 或 向对象插入内容;

    网页尺寸scrollHeight;
    网页尺寸offsetHeight(含有滚动条等);

    相关文章

      网友评论

        本文标题:JavaScript总结

        本文链接:https://www.haomeiwen.com/subject/raxeittx.html