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);
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技巧（一）的更多相关文章
- 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高级程序设计>即大家常说的“红宝书”, ...
随机推荐
- Uva548 Tree
Tree You are to determine the value of the leaf node in a given binary tree that is the terminal nod ...
- swift bug 调试记(wsgi.input)
第一次指定纠删码策略,修改了一部分swift代码后,执行PUT object,就被一个bug拦住.产生bug代码段如下: try: with ChunkReadTimeout(self.client_ ...
- [bzoj1072][SCOI2007]排列（状态压缩DP）
题目:http://www.lydsy.com:808/JudgeOnline/problem.php?id=1072 分析:看了题解才知道,状态的设计很巧妙,用余数表示,即f[i][j]表示二进制状 ...
- [bzoj1084][SCOI2005]最大子矩阵（DP）
题目:http://www.lydsy.com:808/JudgeOnline/problem.php?id=1084 分析: m=1时:相当于只有一行数,让你取出p段,使得总和最大 明显可以DP,f ...
- 46.Android 自己定义Dialog
46.Android 自己定义Dialog Android 自己定义Dialog 前言 提示Dialog 提示Dialog 效果图 菜单Dialog 菜单Dialog 效果图 DialogActivi ...
- Unity5.1 新的网络引擎UNET（十五） Networking 引用--中
孙广东 2015.7.21 本节提供了与网络系统一起使用的组件的具体信息. 3.NetworkClient NetworkClient 是一个 HLAPI 类,管理网络连接到服务器 - - 相应着 U ...
- 设置IIS 兼容32位DLL
限Win7/Windows servser 2008 IIS的设置: 1.选择引用程序池 2.选择公布网站的.点击高级设置 3.启用32位应用程序属性改为True
- Ubuntu 12.04 LTS 无法进入桌面环境
今天开机后,在登陆的时候,进入了登陆界面(选择用户,输入密码的那个界面),输入正确的密码后屏幕跳转了一下,但是很快又回到了登陆界面.然后我就尝试以guest [访客]的身份登陆,发现进入了桌面系统. ...
- hdu 5325 Crazy Bobo dfs
// hdu 5325 Crazy Bobo // // 题目大意: // // 给你一棵树,树上每一个节点都有一个权值w,选择尽可能多的节点, // 这些节点相互联通,而且依照权值升序排序之后得到节 ...
- Codeforces Round #273 (Div. 2) B . Random Teams 贪心
B. Random Teams n participants of the competition were split into m teams in some manner so that e ...