js技巧（一）

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);

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 忽略操作数的值

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技巧（一）的更多相关文章

JS技巧
2016-08-09 200多个js技巧代码(Down) word下载 200多个js技巧代码目录 1.文本框焦点问题... 6 2.网页按钮的特殊颜色... 6 3.鼠标移入移出时颜色变化... ...
提升开发幸福感的10条JS技巧
鱼头总结一些能够提高开发效率的JS技巧,这些技巧很实用,觉得挺好,想推荐给大家,所以有了这篇文章. 生成随机UID const genUid = () => { var length = 20 ...
你应该了解的25个JS技巧
目录 1. 类型检查小工具 2. 检查是否为空 3. 获取列表最后一项 4. 带有范围的随机数生成器 5. 随机 ID 生成器 6. 创建一个范围内的数字 7. 格式化 JSON 字符串,string ...
冷门JS技巧
前端已经被玩儿坏了!像console.log()可以向控制台输出图片等炫酷的玩意已经不是什么新闻了,像用||操作符给变量赋默认值也是人尽皆知的旧闻了,今天看到Quora上一个帖子,瞬间又GET了好多前 ...
转载：冷门js技巧
前端已经被玩儿坏了!像console.log()可以向控制台输出图片等炫酷的玩意已经不是什么新闻了,像用||操作符给变量赋默认值也是人尽皆知的旧闻了,今天看到Quora上一个帖子,瞬间又GET了好多前 ...
转JS技巧
前端已经被玩儿坏了!像console.log()可以向控制台输出图片等炫酷的玩意已经不是什么新闻了,像用||操作符给变量赋默认值也是人尽皆知的旧闻了,今天看到Quora上一个帖子,瞬间又GET了好多前 ...
收下这波 JS 技巧，从此少加班
各种业务开发都离不开对数据的处理,然而遇到的很多数据都是不好处理的.这个时候就需要寻求搜索引擎的帮助.这种方法效率是非常低下的,而且根据作者的个性不能保证其对自己的口味.因此这篇文字包含了一份 JS ...
js技巧之与或运算符 || && 妙用
如题: 假设对成长速度显示规定如下: 成长速度为5显示1个箭头: 成长速度为10显示2个箭头: 成长速度为12显示3个箭头: 成长速度为15显示4个箭头: 其他都显示都显示0各箭头. 用代码 ...
7个有用的JS技巧
就如其他的编程语言一样,JavaScript也具有许多技巧来完成简单和困难的任务. 一些技巧已广为人知,而有一些技巧也会让你耳目一新. 让我们来看看今天可以开始使用的七个JavaScript技巧吧! ...
【js技巧】~(按位非)运算符的妙用
今天在reivew部门牙套姐MM的代码的时候,有点小心得,给大家分享.我们常常说到,“学以致用”,但我发现自己却很少能真正做到.<javascript高级程序设计>即大家常说的“红宝书”, ...

随机推荐

noip模拟赛铺瓷砖
[问题描述]有一面很长很长的墙. 你需要在这面墙上贴上两行瓷砖. 你的手头有两种不同尺寸的瓷砖, 你希望用这两种瓷砖各贴一行.瓷砖的长可以用分数表示,贴在第一行的每块瓷砖长度为A/B贴在第二行的每块瓷 ...
POJ2774：Long Long Message
问两个串的最长公共子串,n<=100000. SAM可以直接搞当然SA哈希都可以..类似于KMP的做法,如果沿parent边走要顺势修改匹配位置. #include<stdio.h> ...
git SSL certificate problem: unable to get local issuer certificate
cmd 命令行中输入 git config --global http.sslVerify false 之后再进行操作
DB9针型：RS485输出信号及接线端子引脚分配
下图所看到的.DB9针型RS485输出信号及接线端子引脚分配. 此DB9针型与标准 RS232 or RS485 DB9定义有所不同,下图中的DB9针型说明仅是针对USB转485DB9接口. wat ...
nginx源代码分析--框架设计 &　master-worker进程模型
Nginx的框架设计-进程模型在这之前,我们首先澄清几点事实: nginx作为一个高性能server的特点.事实上这也是全部的高性能server的特点,依赖epoll系统调用的高效(高效是相对sel ...
ios oc 代码转换为 c++ 描述代码编译过程
clang -rewrite-objc main.m #import <Foundation/Foundation.h> #import <objc/runtime.h> // ...
还原对于server失败备份集中的数据库备份与现有数据库不同
还原对于server失败备份集中的数据库备份与现有数据库不同今天在SQL Server 2008 R2中还原一个数据库备份,遇到错误.还原对于server失败备份集中的数据库备份 ...
谈谈c++纯虚函数的意义！
纯虚函数的存在有什么意义呢?相信大学假设有c++这么课程.在讲到纯虚函数时,必然会讲到纯虚函数是面向接口编程的基础. 如今和大家分享下纯虚函数设计的原由.目的.产生的效果. 现代软件project很庞 ...
我的Android进阶之旅------>Android关于ImageSpan和SpannableString的初步了解
近期要实现一个类似QQ聊天输入框.在输入框中能够同一时候输入文字和表情图像的功能.例如以下图所看到的的效果: 为了实现这个效果.先去了解了一下ImageSpan和SpannableString的使用方 ...
java dom4j 读写XML
<?xml version="1.0" encoding="UTF-8"?> <Configuration> <Config id ...

js技巧（一）

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

随机推荐

热门专题