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>

8.判断实参形参位数一致

　　arguments.length == arguments.callee.length

js技巧（一）的更多相关文章

  1. JS技巧

    2016-08-09 200多个js技巧代码(Down) word下载 200多个js技巧代码 目录 1.文本框焦点问题... 6 2.网页按钮的特殊颜色... 6 3.鼠标移入移出时颜色变化... ...

  2. 提升开发幸福感的10条JS技巧

    鱼头总结一些能够提高开发效率的JS技巧,这些技巧很实用,觉得挺好,想推荐给大家,所以有了这篇文章. 生成随机UID const genUid = () => {  var length = 20 ...

  3. 你应该了解的25个JS技巧

    目录 1. 类型检查小工具 2. 检查是否为空 3. 获取列表最后一项 4. 带有范围的随机数生成器 5. 随机 ID 生成器 6. 创建一个范围内的数字 7. 格式化 JSON 字符串,string ...

  4. 冷门JS技巧

    前端已经被玩儿坏了!像console.log()可以向控制台输出图片等炫酷的玩意已经不是什么新闻了,像用||操作符给变量赋默认值也是人尽皆知的旧闻了,今天看到Quora上一个帖子,瞬间又GET了好多前 ...

  5. 转载：冷门js技巧

    前端已经被玩儿坏了!像console.log()可以向控制台输出图片等炫酷的玩意已经不是什么新闻了,像用||操作符给变量赋默认值也是人尽皆知的旧闻了,今天看到Quora上一个帖子,瞬间又GET了好多前 ...

  6. 转JS技巧

    前端已经被玩儿坏了!像console.log()可以向控制台输出图片等炫酷的玩意已经不是什么新闻了,像用||操作符给变量赋默认值也是人尽皆知的旧闻了,今天看到Quora上一个帖子,瞬间又GET了好多前 ...

  7. 收下这波 JS 技巧，从此少加班

    各种业务开发都离不开对数据的处理,然而遇到的很多数据都是不好处理的.这个时候就需要寻求搜索引擎的帮助.这种方法效率是非常低下的,而且根据作者的个性不能保证其对自己的口味.因此这篇文字包含了一份 JS ...

  8. js技巧之与或运算符 || && 妙用

    如题: 假设对成长速度显示规定如下: 成长速度为5显示1个箭头:  成长速度为10显示2个箭头:  成长速度为12显示3个箭头:  成长速度为15显示4个箭头:  其他都显示都显示0各箭头.  用代码 ...

  9. 7个有用的JS技巧

    就如其他的编程语言一样,JavaScript也具有许多技巧来完成简单和困难的任务. 一些技巧已广为人知,而有一些技巧也会让你耳目一新. 让我们来看看今天可以开始使用的七个JavaScript技巧吧! ...

  10. 【js技巧】~(按位非)运算符的妙用

    今天在reivew部门牙套姐MM的代码的时候,有点小心得,给大家分享.我们常常说到,“学以致用”,但我发现自己却很少能真正做到.<javascript高级程序设计>即大家常说的“红宝书”, ...

随机推荐

  1. [K/3Cloud]进度条控件编程接口

    进度条控件编程接口 1.启动进度查询 this.GetControl<ProgressBar>().Start(2)  //每2秒查询一次进度 2.汇报进度 在插件中重载 OnQueryP ...

  2. VNC Viewer 设置屏幕分辨率-解决屏幕分辨率问题

    https://blog.csdn.net/runningtortoises/article/details/51425332

  3. word分节时，如何让每一节的首页置为奇数页

    具体操作,可参考如下图片所示的步骤: 打印时的效果: 备注:目录页为第二小节首页(文档的第二页),整个文档的首页为封面第一页. 打印时,会在首页后自动插入一张空白页:也会在正文(第三页,第三节)前,目 ...

  4. Solidworks如何导入和使用模板文件

    将模板文件拷贝到Solidworks目录(可以是任意目录)     点击工具-选项-文件位置,然后把文件夹添加进去   新建文件的时候选择高级模式,然后就会看到已经出现了我们导入的模板文件       ...

  5. easyui 后台框架搭建

    近期公司要搭建一个后台管理项目.因为美工缺少 选择使用easyui jquery 框架 仅仅要懂点html js 这个用起来不是难事,看过API.在网上看了些 将它们组装起来 进行改动.因为本人也是第 ...

  6. Date类型转换为Integer类型

    Date类型转换为Integer类型: Integer date = Integer.valueOf(String.valueOf(new SimpleDateFormat("yyyyMMd ...

  7. linux下非root用户怎样改动root权限的文件

           在linux下会出现把一些配置文件參数配错.rootpassword忘记等导致系统无法启动或进入root的窘迫境界.本文以redhat  enterprise linux server ...

  8. keepalived+nginx安装配置

    软件版本号: pcre8.36 ftp://ftp.csx.cam.ac.uk/pub/software/programming/pcre/pcre-8.36.tar.gz keepalived1.2 ...

  9. Recommendation system

    Dear Prof.Choi: My research interest is mainly the application and optimization of big data and arti ...

  10. oc73--NSArray使用

    // // main.m // NSArray和NSString之间转换 #import <Foundation/Foundation.h> int main(int argc, cons ...