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. js 发布订阅模式

    //发布订阅模式 class EventEmiter{ constructor(){ //维护一个对象 this._events={ } } on(eventName,callback){ if( t ...

  2. CF576D. Flights for Regular Customers

    n<=150个点,m<=150条路,每条路Ai,Bi,Di表示Ai到Bi有一条有向边,使用他前至少要走Di条路,问1到n最少走几条路. 又是n^4过150的题.... 不同于传统的最短路, ...

  3. Windows 10+Ubuntu 16.04在MBR分区上安装双系统（转）

    以下内容转自这篇博客: http://www.cnblogs.com/Duane/p/5424218.html http://www.cnblogs.com/Duane/p/6776302.html( ...

  4. 基本的文件I/O

    基本的文件 I/O 抽象基类 Stream 支持读取和写入字节. Stream 集成了异步支持. 其默认实现根据其相应的异步方法来定义同步读取和写入,反之亦然. 所有表示流的类都是从 Stream 类 ...

  5. 安装elasticsearch遇到的签名和目标被配置多次的问题

    命中:6 http://ppa.launchpad.net/ondrej/php/ubuntu bionic InRelease获取:7 http://packages.elastic.co/elas ...

  6. Redis: Useful commands

    SELECT X - Select database (the X must be int) CONFIG GET databases - Get databases number INFO keys ...

  7. 阿牛的EOF牛肉串-记忆化搜索或动态规划

    C - 阿牛的EOF牛肉串 Time Limit:1000MS     Memory Limit:32768KB     64bit IO Format:%I64d & %I64u Submi ...

  8. 为DataGrid 写一个 DropDownListColumn

    Net下有一个类DataGridColumn 作为 DataGrid 控件的不同列类型的基类. 有关此类型全部成员的列表.请參阅 DataGridColumn 成员. System.Object  S ...

  9. [转] CV Datasets on the web

    转自:CVPapers This material is presented to ensure timely dissemination of scholarly and technical wor ...

  10. 预编译头文件pch

    1.         预编译头文件 作用:提高编译效率.预编译头文件(扩展名为.PCH),是为了提高编译效率而使用的一种方法,把一个工程中较稳定的代码预先编译好放在一个文件(.PCH)里.避免每次编译 ...