码迷,mamicode.com
首页 > 编程语言 > 详细

javascript知识点

时间:2016-07-13 15:17:52      阅读:231      评论:0      收藏:0      [点我收藏+]

标签:

<!doctype html>

<html lang="en">

 <head>

  <meta charset="UTF-8">

  <meta name="Generator" content="EditPlus?">

  <title>index </title>

  <script type="text/javascript" src="results.js"/></script>

  <link rel="result.css" type="text/css"/>

 </head>

 <body>

 <p id="dateField"> </p>

 </body>

</html>

 

*******************************************************************************

Date对象:

 

var myDate=new Date();

var dateString=myDate.toLocaleDateString()+"  "+myDate.toLocaleTimeString();

var dateLoc=document.getElementById("dateField");

dateLoc.innerHTML="Hello-Page Rendered on"+dateString;

 

*******************************************************************************

倒计时到将来某一天:

 

var today=new Date();

var then=new Date();

then.setFullYear(2012,0,1);

var diff=then.getTime()-today.getTime();  //getTime()得到的是以毫秒为单位。

diff=Math.floor(diff/(1000*60*60*24));

var dateLoc=document.getElementById("dateFiled");

dateLoc.innerHTML="There are"+diff+"days until 1/1/2012";

 

*******************************************************************************

计算渲染时间:

 

var started=new Date();

var now=started.getTime();

var bottom=new Date();

var diff=(bottom.getTime()-now)/1000;

var finaltime=diff.toPrecision(5);

var dateLoc=document.getElementById("dateFiled");

dateLoc.innerHTML="Page rendered in"+finaltime+"seconds.";

 

拖迟:

for(var i=0;i<100000;i++){

//delay

}

 

*******************************************************************************

正则表达式:

var myString="http://www.braingia.org";

var myRegex=/http:\/\/\w+\.(.*)/;

var results=myRegex.exec(myString);

alert(results[1]);

 

match 方法:

var emailAddr="suehring@braingia.com";

var myRegex=/\.com/;

var checkMatch=emailAddr.match(myRegex);

alert(checkMatch[0]);

 

判断一个给定的email地址是否包含字符串.com

var emailAddr="suehring@braingia.com";

var myRegex=/\.com/;

var checkMatch=emailAddr.match(myRegex);

if(checkMatch!==null){

alert(checkMatch[0]);

}

 

search方法:(返回的是第一次匹配的索引值(位置))

var emailAddr="suehring@braingia.com";

var myRegex=/\.com/;

var searchResult=emailAddr.search(myRegex);

alert(checkMatch[0]);

 

replace方法:

var emailAddr="suehring@braingia.com";

var myRegex=/\.com$/;

var replaceWith=".net";

var result=emailAddr.match(myRegex);

alert(result);

 

*******************************************************************************

使用detele操作符:

var star={};

star["Polaris"]=new object;

star["Mizar"]=new object;

star["Aldebaran"]=new object;

star["Rigel"]=new object;

star["Polaris"].constellation="Ursa Minor";

star["Mizar"].constellation="Ursa Minor";

star["Aldebaran"].constellation="Ursa Minor";

star["Rigel"].constellation="Ursa Minor";

 

detele(star["Polaris"].constellation);

 

for(starName in star){

var para=document.createElement(‘p‘);

para.id=starName;

para.appendChild(document.createTextNode(starName+":"+star[starName].constellation));

document.getElementsByTagName("body")[0].appendChild(para);

}

 

*******************************************************************************

for in 循环:

for(var myProp in myObject){

alert(myProp+" ="+myObject[myProp]);

}

 

var star=new object;

star.name="";

star.type="";

star.constellation="";

for(var starProp in star){

alert(starProp+"="+star[starProp]);

}

 

*******************************************************************************

表单验证:

<!doctype html>

<html lang="en">

 <head>

  <meta charset="UTF-8">

  <meta name="Generator" content="EditPlus®">

  <title>情感分析结果</title>

  <script type="text/javascript" src="results.js"/></script>

  <link rel="result.css" type="text/css"/>

 </head>

 <body>

 <form id="myfrom" action="#" onsubmit="return alertName();">

 <p>Username:<input id="nametext" name="username" type="text"/></p>

 <p><input type="submit"/></p>

 </form>

 </body>

</html>

 

 

function alertName(){

var name=document.forms[0].nametext.value;

if(name=="steve"){

alert("Hello Steve. Welcome to Machine");

}

else if(name=="nancy"){

alert("Hello Tim.");

}

else{

alert("Hello"+name);

}

return true;

}

 

*******************************************************************************

Window对象的一些属性:

close:窗口关闭时设置为true

defaultStatus:用来设置出现在浏览器状态栏中的默认文本;

name:窗口第一次被打开时所设置的窗口的名字;

opener:引用创建这个窗口的窗口;

parent:常常和帧一起使用,指创建特定窗口的窗口,或者该帧的上一级窗口;

status:常常用来设置当访问者悬停在链接这样的元素上的时候状态栏中的文本;

top:最高或最顶层的父窗口;

*******************************************************************************

window对象的一些方法:

addEventListener():跨浏览器(除了Internet Explorer)事件处理程序方法。

attachEvent():跨浏览器Internet Explorer事件处理程序方法。

blur():把键盘输入的焦点从浏览器窗口移开。

focus():把键盘输入的焦点移动到浏览器窗口。

close():关闭浏览器窗口。

detachEvent():跨浏览器Internet Explorer事件处理程序删除方法。

removeEventListener():跨浏览器(除了Internet Explorer)事件处理程序删除方法。

open():打开一个窗口。

print():导致调用浏览器的打印函数,其行为就像有人点击了浏览器的print按钮。

*******************************************************************************

Window对象移动和调整窗口大小的方法:

moveBy():用来把窗口移动到一个相对位置

moveTo():用来把窗口移动到一个特定位置

resizeBy():用来按一相对量改变窗口大小

resizeTo():用来把窗口大小改变到一个特定大小

*******************************************************************************

Window对象中与定时器相关的方法:

clearInterval():

clearTimeout():

setInterval():

setTimeout():

*******************************************************************************

获取有关屏幕的信息:

availHeight/availWidth(可用高度)/colorDepth/height/width(总高度)

e.g:alert(screen.availHeight);

*******************************************************************************

获取元素:

getElementById()getElementsByTagName()

HTML集合:

Document.anchors

Document.forms

Document.images

Document.links

*******************************************************************************

Window尺寸:

var w=window.innerWidth

|| document.documentElement.clientWidth

|| document.body.clientWidth;

 

var h=window.innerHeight

|| document.documentElement.clientHeight

|| document.body.clientHeight;

javascript知识点

标签:

原文地址:http://www.cnblogs.com/daisy-x/p/5666641.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!