JavaScript高速掌握
.document.write(""); 输出语句
.JS中的凝视为//或/*
*/
.传统的HTML文档顺序是:document->html->(head,body)
.一个浏览器窗体中的DOM顺序是:window->(navigator,screen,history,location,document)
.得到表单中元素的名称和值:document.getElementById("表单中元素的ID号").name(或value)
.一个小写转大写的JS: document.getElementById("output").value = document.getElementById("input").value.toUpperCase();
.JS中的值类型:String,Number,Boolean,Null,Object,Function
.JS中的字符型转换成数值型:parseInt(),parseFloat()
.JS中的数字转换成字符型:(""+变量)
.JS中的取字符串长度是:(length)
.JS中的字符与字符相连接使用+号.
.JS中的比較操作符有:==等于,!=不等于,>,>=,<.<=,===同类型等于
.JS中声明变量使用:var来进行声明
.JS中的推断语句结构:if(condition){}else{}
.JS中的循环结构:for([initial e-xpression];[condition];[upadte e-xpression]) {inside loop}
.循环中止的命令是:break
.JS中的函数定义:function functionName([parameter],...){statement[s]}
]来取代.
.窗体:打开窗体window.open(), 关闭一个窗体:window.close(), 窗体本身:self
.状态栏的设置:window.status="字符";
.弹出提示信息:window.alert("字符");
.弹出确认框:window.confirm();
.弹出输入提示框:window.prompt();
.指定当前显示链接的位置:window.location.href="/blog/URL"
.取出窗口中的全部表单的数量:document.forms.length
.关闭文档的输出流:document.close();
.字符串追加连接符:+=
.创建一个文档元素:document.createElement(),document.createTextNode()
.得到元素的方法:document.getElementById()
.设置表单中全部文本型的成员的值为空:
var]
for; i<form.elements.length;i++){
if (form.elements.type == "text"){
form.elements.value = "";
}
}
].checkThis.checked (checked属性代表为是否选中返回TRUE或FALSE)
].groupName.length
.单选button组推断是否被选中也是用checked.
].selectName.options[n].value (n有时用下拉列表框名称加上.selectedIndex来确定被选中的值)
.字符串的定义:var myString = new String("This is lightsword");
var myString = "This is lightsword";
.字符串转成大写:string.toUpperCase(); 字符串转成小写:string.toLowerCase();
.返回字符串2在字符串1中出现的位置:String1.indexOf("String2")!=-1则说明没找到.
);
);
))返回随机数
.定义日期型变量:var today = new Date();
.日期函数列表:dateObj.getTime()得到时间,dateObj.getYear()得到年份,dateObj.getFullYear()得到四位的年份,dateObj.getMonth()得到月份,dateObj.getDate()得到日,dateObj.getDay()得到日期几,dateObj.getHours()得到小时,dateObj.getMinutes()得到分,dateObj.getSeconds()得到秒,dateObj.setTime(value)设置时间,dateObj.setYear(val)设置年,dateObj.setMonth(val)设置月,dateObj.setDate(val)设置日,dateObj.setDay(val)设置星期几,dateObj.setHours设置小时,dateObj.setMinutes(val)设置分,dateObj.setSeconds(val)设置秒 [注意:此日期时间从0開始计]
.FRAME的表示方式: [window.]frames[n].ObjFuncVarName,frames["frameName"].ObjFuncVarName,frameName.ObjFuncVarName
.parent代表父亲对象,top代表最顶端对象
.打开子窗体的父窗体为:opener
.表示当前所属的位置:this
.当在超链接中调用JS函数时用:(javascript :)来开头后面加函数名
.在老的浏览器中不运行此JS:<!-- //-->
.引用一个文件式的JS:<script type="text/javascript" src="/blog/aaa.js"></script>
.指定在不支持脚本的浏览器显示的HTML:<noscript></noscript>
.当超链和onCLICK事件都有时,则老版本号的浏览器转向a.html,否则转向b.html.例:<a href="/blog/a.html" onclick="location.href="/blog/b.html";return false">dfsadf</a>
.JS的内建对象有:Array,Boolean,Date,Error,EvalError,Function,Math,Number,Object,RangeError,ReferenceError,RegExp,String,SyntaxError,TypeError,URIError
.JS中的换行:\n
);this.outerWidth=screen.availWidth;this.outerHeight=screen.availHeight;}window.maximize=fullScreen;</script>
.JS中的all代表其下层的所有元素
.innerHTML的值是表单元素的值:如<p id="para">"how are <em>you</em>"</p>,则innerHTML的值就是:how are <em>you</em>
.innerTEXT的值和上面的一样,仅仅只是不会把<em>这样的标记显示出来.
.contentEditable可设置元素是否可被改动,isContentEditable返回是否可改动的状态.
.isDisabled推断是否为禁止状态.disabled设置禁止状态
.length取得长度,返回整型数值
.addBehavior()是一种JS调用的外部函数文件其扩展名为.htc
.window.focus()使当前的窗体在全部窗体之前.
.blur()指失去焦点.与FOCUS()相反.
.select()指元素为选中状态.
.防止用户对文本框中输入文本:onfocus="this.blur()"
.取出该元素在页面中出现的数量:document.all.tags("div(或其他HTML标记符)").length
.JS中分为两种窗口输出:模态和非模态.window.showModaldialog(),window.showModeless()
.状态栏文字的设置:window.status='文字',默认的状态栏文字设置:window.defaultStatus = '文字.';
.加入到收藏夹:external.AddFavorite("http://www.dannyg.com";,"jaskdlf");
.JS中遇到脚本错误时不做不论什么操作:window.onerror = doNothing; 指定错误句柄的语法为:window.onerror = handleError;
.JS中指定当前打开窗体的父窗体:window.opener,支持opener.opener...的多重继续.
.JS中的self指的是当前的窗体
.JS中状态栏显示内容:window.status="内容"
.JS中的top指的是框架集中最顶层的框架
.JS中关闭当前的窗体:window.close();
.JS中提出是否确认的框:if(confirm("Are you sure?
")){alert("ok");}else{alert("Not Ok");}
.JS中的窗体重定向:window.navigate("http://www.sina.com.cn";);
.JS中的打印:window.print()
.JS中的提示输入框:window.prompt("message","defaultReply");
.JS中的窗体滚动栏:window.scroll(x,y)
.JS中的窗体滚动到位置:window.scrollby
.JS中设置时间间隔:setInterval("expr",msecDelay)或setInterval(funcRef,msecDelay)或setTimeout
.JS中的模态显示在IE4+行,在NN中不行:showModalDialog("URL"[,arguments][,features]);
.JS中的退出之前使用的句柄:function verifyClose(){event.returnValue="we really like you and hope you will stay longer.";}} window.onbeforeunload=verifyClose;
.当窗口第一次调用时使用的文件句柄:onload()
.当窗口关闭时调用的文件句柄:onunload()
),pathname("/a/a.html"),hash("#giantGizmo",指跳转到对应的锚记),href(所有的信息)
.window.location.reload()刷新当前页面.
.window.history.back()返回上一页,window.history.forward()返回下一页,window.history.go(返回第几页,也能够使用訪问过的URL)
.document.write()不换行的输出,document.writeln()换行输出
.document.body.noWrap=true;防止链接文字折行.
.变量名.charAt(第几位),取该变量的第几位的字符.
."abc".charCodeAt(第几个),返回第几个字符的ASCii码值.
.字符串连接:string.concat(string2),或用+=进行连接
.变量.indexOf("字符",起始位置),返回第一个出现的位置(从0開始计算)
.string.lastIndexOf(searchString[,startIndex])最后一次出现的位置.
.string.match(regExpression),推断字符是否匹配.
.string.replace(regExpression,replaceString)替换现有字符串.
.string.split(分隔符)返回一个数组存储值.
.string.substr(start[,length])取从第几位到指定长度的字符串.
.string.toLowerCase()使字符串所有变为小.
.string.toUpperCase()使所有字符变为大写.
.parseInt(string[,radix(代表进制)])强制转换成整型.
.parseFloat(string[,radix])强制转换成浮点型.
.isNaN(变量):測试是否为数值型.
.定义常量的keyword:const,定义变量的keyword:var
JavaScript高速掌握的更多相关文章
- 【译】 沙箱中的间谍 - 可行的 JavaScript 高速缓存区攻击
王龑 - MAY 27, 2015 原文连接 The Spy in the Sandbox – Practical Cache Attacks in Javascript 相关论文可在 https:/ ...
- 国外优秀JavaScript资源推荐
JavaScript的优秀资源 原文链接:http://code.tutsplus.com/articles/resources-for-staying-on-top-of-java ...
- 利用JavaScript做无缝滚动
<html> <head> <meta charset="utf-8"> <title>无标题文档</title> &l ...
- [译] 沙箱中的间谍 - 可行的 JavaScript 高速缓存区攻击
原文 The Spy in the Sandbox – Practical Cache Attacks in Javascript 相关论文可在 https://github.com/wyvernno ...
- JavaScript 踩坑心得— 为了高速(下)
一.前言 本文的上一篇 JavaScript 踩坑心得- 为了高速(上) 主要和大家分享的是 JavaScript 使用过程中的基本原则以及编写过程中的心得分享,本文主要和大家聊聊在各个使用场景下的 ...
- JavaScript 踩坑心得— 为了高速(上)
一.前言 很多情况下,产品的设计与开发人员一直想打造一套高品质的解决方案,从而快速.平稳地适应产品迭代.速度是衡量产品适应性的真正且唯一的标准,而且,这并不是笔者的一家之言. 「速度是衡量适应能力的真 ...
- JavaScript面向对象编程(9)高速构建继承关系之整合原型链
前面我们铺垫了非常多细节.是为了让大家更加明晰prototype的使用细节: 如今能够将前面的知识整合起来,写一个函数用于高速构建基于原型链的继承关系了: function extend(Child, ...
- 2014年辛星解读Javascript之DOM高速入门
在Javascript的知识中,有一个所谓的DOM.即文档对象模型,我们能够通过它来訪问HTML文档的元素,当网页被载入的时候,浏览器会去创建DOM,有了这个DOM.我们能够使用Javascript去 ...
- JavaScript面向对象编程(10)高速构建继承关系之对象拷贝
前面的样例我们是通过构造器创建对象.而且希望该对象继承来自另外一个构造器的对象 我们也能够直接面向一个对象来达成继承的目的.使用下属步骤: 1.拷贝一个对象 2.给新对象加入属性 /** * 通过拷贝 ...
随机推荐
- JS正则验证邮箱的格式(转)
转载自:https://www.cnblogs.com/dyllove98/archive/2013/06/28/3161626.html 一.相关的代码 function test() { var ...
- Py2.7 no module named tkinter
一个简单的例子 #! /usr/bin/env python#coding=utf-8from tkinter import *Label(text="Spam").pack()m ...
- mosquitto简单应用
1. 简述 一款实现了消息推送协议 MQTT v3.1 的开源消息代理软件,提供轻量级的,支持可发布/可订阅的的消息推送模式,使设备对设备之间的短消息通信变得简单,比如现在应用广泛的低功耗传感器,手机 ...
- java随机范围内的日期
使用了最新的java8的java.time类,并提供了LocalDateTime和java.util.Date之间的转换. 使用方法: randomLocalDateTime(-3,3) : 取距离今 ...
- Nagios系列1,选择
Zabbix和Nagios哪个更好 zabbix: 1.分布式监控,适合于构建分布式监控系统,具有node,proxy 2种分布式模式 2.自动化功能,自动发现,自动注册主机,自动添加模板,自动添加分 ...
- PHP 实战之设计模式:PHP 中的设计模式
本文主要讨论下Web开发中,准确而言,是PHP开发中的相关的设计模式及其应用.有经验的开发者肯定对于设计模式非常熟悉,但是本文主要是针对那 些初级的开发者.首先我们要搞清楚到底什么是设计模式,设计模式 ...
- poj 1723 中位数
最近在看一些中位数的东西,然后顺便也看了些题目.poj 1723不仅要求到水平位置的最短距离和,还要求水平都相邻的排成一排的最短距离和,即士兵都站成一列. 到y轴的距离好办,按y轴坐标排序,求中位数, ...
- Java设计模式(19)状态模式(State模式)
State的定义:不同的状态,不同的行为:或者说,每个状态有着相应的行为. 何时使用状态模式 State模式在实际使用中比较多,适合"状态的切换".因为我们经常会使用If else ...
- CentosMySQL5.6安装方法
1. download rpm包先确定系统版本[root@xcldtc5m /]# cat /proc/versionLinux version 2.6.32-431.el6.x86_64 (mock ...
- sublime text 2使用方法
笔者用过的一些软件用来写Verilog代码,比如notepad+,ultra,editplus等,近日在群里看到大家在讨论一个比较有意思的软件,sublime text,才发现有种相见恨晚的感觉,其实 ...