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. poj 3237 树链剖分模板（用到线段树lazy操作）

    /* 本体在spoj375的基础上加了一些操作,用到线段树的lazy操作模板类型 */ #include<stdio.h> #include<string.h> #includ ...

  2. HDU——1267 下沙的沙子有几粒？

    下沙的沙子有几粒? Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others) Total ...

  3. - > 动规讲解基础讲解五——最长公共子序列问题

    一些概念: (1)子序列: 一个序列A ＝ a1,a2,……an,中任意删除若干项,剩余的序列叫做A的一个子序列.也可以认为是从序列A按原顺序保留任意若干项得到的序列. 例如:   对序列 1,3,5 ...

  4. 25、Java并发性和多线程-阻塞队列

    以下内容转自http://ifeve.com/blocking-queues/: 阻塞队列与普通队列的区别在于,当队列是空的时,从队列中获取元素的操作将会被阻塞,或者当队列是满时,往队列里添加元素的操 ...

  5. IT学子成长指导类文章链接（十二）

    链接:IT学子成长指导类文章链接(一)(二)(三) (四) (五)(六)(七)(八)(九)(十)(十一) "IT学子成长指导"类我收藏过的好文(十二期:至2014年6月17日) 程 ...

  6. UVa 489 Hangman Judge(字符串)

     Hangman Judge  In ``Hangman Judge,'' you are to write a program that judges a series of Hangman gam ...

  7. Ubuntu12.04LTS 安装 eclipse

    首先安装JDK,参考:Ubuntu12.04.3LTS安装Oracle Java 7 然后安装eclipse: 安装方法一:通过命令行/Software Center下载Ubuntu源中的Eclips ...

  8. [Berkeley]弹性分布式数据集RDD的介绍（RDD: A Fault-Tolerant Abstraction for In-Memory Cluster Computing 论文翻译）

    摘要:     本文提出了分布式内存抽象的概念--弹性分布式数据集(RDD,Resilient Distributed Datasets).它同意开发者在大型集群上运行基于内存的计算.RDD适用于两种 ...

  9. iOS开发-植入广告(iAd, Admob实例)

    应用中植入广告是一种非常好的盈利手段. 以下介绍主流的两种方法.iAd, Admob 先mark一个非常具体的pdf.   http://pan.baidu.com/share/link?sharei ...

  10. 【Aladdin Unity3D Shader编程】之四 贴图纹理

    关于纹理贴图介绍 纹理坐标也叫UV坐标,UV坐标都是0~1,并不是我们所理解的像素坐标,相当于是一个百分比. 编写shader映射纹理 将纹理的颜色取代漫反射的颜色 Shader "Alad ...