首页 > 代码库 > js技巧

js技巧

2024-09-08 23:46:08   217人阅读

1.文档入口函数

 window.onload = function () { 
//code 将会在页面的全部代码执行完成之后再去执行。 
}

2.弹窗   alert()   警告窗   confirm()   确认框   prompt() 提示窗

3.获取元素

3.1获取id document.getElementById();  

3.2获取class　　document.getElementsByClassName(className);

3.3获取标签　　document.getElementsByTagName(tagName);

4

In   判断一个值是否属于某个数组或者一个属性是否属于一个对象

var mycar = {make: "Honda", model: "Accord", year: 1998};
"make" in mycar // returns true
"model" in mycar // returns true

 

for in

 

var obj = {
　　　　"key1":"value1",
　　　　"key2":"value2",
　　　　"key3":"value3"
　　};

　　function EnumaKey(){
　　　　for(var key in obj ){
　　　　　　alert(key);
　　　　}
　　　　}

　　　　function EnumaVal(){
　　　　　　for(var key in obj ){
　　　　　　　　alert(obj[key]);
　　　　　　　　}
　　　　　　}
    EnumaKey();
     EnumaVal();

 

typeof用以获取一个变量或者表达式的类型

　　alert(typeof (123));//typeof(123)返回"number" 

　　使用typeof来获取一个变量是否存在

　　if(typeof a!="undefined"){}，而不要去使用if(a)因为如果a不存在（未声明）则会出错，

 因为typeof遇到null,数组,对象时都会返回object类型，所以当我们要判断一个对象是否是数组时

或者判断某个变量是否是某个对象的实例则要选择使用另一个关键语法instanceof

 instanceof用于判断一个变量是否某个对象的实例

如var a=new Array();alert(a instanceof Array);会返回true，

同时alert(a instanceof Object)也会返回true;这是因为Array是object的子类

5.Void   忽略操作数的值

<a href=”javascript:void(0)”>

<a href=”javascript:;”>

<a href=”#” onclick=”javascript:return false”>

 6.运算符优先级

技术分享

7.成绩查询代码

技术分享 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
        #dd{
            /*display:inline-block;*/
            width:300px;
            height:35px;
            line-height:35px;
            text-align:center;
            top:8px;
            left:270px;
           position:absolute;
        }
    </style>
</head>
<body>
    <input type ="text" id="ipt">
    <button id="bt" value="查询">查询</button>
    <div id="dd"></div>
</body>
<script>
   var ipt=document.getElementById("ipt");
   var bt=document.getElementById("bt");
   var dd=document.getElementById("dd");
        bt.onclick=function(){
            var score=ipt.value;
            if(score<0){
                dd.innerHTML="输入不正确，请从新输入";
                dd.style.background="#66ff66";
            }
            else if(score<60) {
                dd.innerHTML="不及格，多多努力呦";
                dd.style.background="#ffff00";
            }
            else if(score<70){
                dd.innerHTML="及格了，继续加油";
                dd.style.background="#ff9900";
            }
            else if(score<80){
                dd.innerHTML="良好，你太棒了";
                dd.style.background="#ff3300";
            }
            else if(score<90){
                dd.innerHTML="优秀，别骄傲哟";
                dd.style.background="#99ff00";
            }
            else if(score<100){
                dd.innerHTML="你已经进入神的级别了，快快离开吧";
                dd.style.background="#66ff00";
            }
            else{
                dd.innerHTML="输入不正确，请从新输入";
                dd.style.background="#66ff66";
            }
        }
</script>
</html>
View Code

 

 

js技巧


联系
我们