JavaScript文档

 开始学习javaScript的小伙伴们，或者是正用到javaScipt的小猿们,都可以将它作为资料参考，基本知识还是很全的以及简单应用；黄色标出的是关键的知识点及解说，可以以它为节点快速找到自己想要知识点；
 1 document.write(“<p>dddd</p>”);
<button  type=”button” onclick=”alert(‘dd’)”>dd</button>
x=document.getElementById(“dd”);
x.innerHTML=”dd”;
.src.match(“dd”)   匹配正则表达式  中含有dd
如果有dd则它的值是dd ,否则是 null

x.style.color=”#ffffff” 给样式赋值
if(x==""||isNaN(x))  验证输入的x是否数字
<script src="myScript.js"></script>  引用脚本
true false

var cars=new Array();
cars[0]="Audi";
cars[1]="BMW";
  var cars=new Array("Audi","BMW","Volvo");  数组  
var person={firstname:"Bill", lastname:"Gates", id:5566};
name=person.lastname;
name=person["lastname"];  都可以
var x=message.toUpperCase();  把文本转换为大写

函数：

  function dd()
{
return ;
}
<button onclick="myFunction('Bob','Builder')">点击这里</button>
JavaScript 变量的生命期从它们被声明的时间开始。
局部变量会在函数运行以后被删除。
全局变量会在页面关闭后被删除。
===    全等（值和类型）  x===5 为 true；x==="5" 为 false

var person={fname:"John",lname:"Doe",age:25};

for (var x in person)
  {
  txt=txt + person[x];
  }   遍历对象

function myFunction()
{
try
  {
  var x=document.getElementById("demo").value;
  if(x=="")    throw "empty";
  if(isNaN(x)) throw "not a number";
  if(x>10)     throw "too high";
  if(x<5)      throw "too low";
  }
catch(err)
  {
  var y=document.getElementById("mess");
  y.innerHTML="Error: " + err + ".";
  }
}      自定义错误消息

function validate_required(field,alerttxt)
{
with (field)
  {
  if (value==null||value=="")
    {alert(alerttxt);return false}
  else {return true}
  }
}    验证
with (field)
{
apos=value.indexOf("@")
dotpos=value.lastIndexOf(".")
if (apos<1||dotpos-apos<2) 
  {alert(alerttxt);return false}
else {return true}
}
}
getElementsByTagName  通过类名

onmouseover-onmouseout 鼠标 移到 移出

<div id="div1">
<p id="p1">这是一个段落。</p>
<p id="p2">这是另一个段落。</p>
</div>

<script>
var para=document.createElement("p");
var node=document.createTextNode("这是新段落。");
para.appendChild(node);

var element=document.getElementById("div1");
element.appendChild(para);
</script>

<div id="div1">
<p id="p1">这是一个段落。</p>
<p id="p2">这是另一个段落。</p>
</div>

<script>
var parent=document.getElementById("div1");
var child=document.getElementById("p1");
parent.removeChild(child);
</script>                   对象增加  移出 内容

person=new Object();
    person.firstname="Bill" 
person.lastname="Gates";      创建对象  并赋值

function person(firstname,lastname,age,eyecolor)
{
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;
}

myFather=new person("Bill","Gates",56,"blue");

document.write(myFather.firstname + " is " + myFather.age + " years old.");
给  person创建对象  。对象有三个属性 ，分别取名

x.toUpperCase(); 大写
continue

var txt="";
function message()
{
try
  {
  adddlert("Welcome guest!");
  }
catch(err)
  {
  txt="There was an error on this page.

";
  txt+="Error description: " + err.message + "

";
  txt+="Click OK to continue.

";
  alert(txt);
  }
}
</script>   抛出错误

字符串样式

var str="Hello world!"
document.write(str.indexOf("Hello")  定位  0

var txt="Hello World!"

document.write("<p>Big: " + txt.big() + "</p>")
document.write("<p>Small: " + txt.small() + "</p>")

document.write("<p>Bold: " + txt.bold() + "</p>")
document.write("<p>Italic: " + txt.italics() + "</p>")

document.write("<p>Blink: " + txt.blink() + " (does not work in IE)</p>")
document.write("<p>Fixed: " + txt.fixed() + "</p>")
document.write("<p>Strike: " + txt.strike() + "</p>")

document.write("<p>Fontcolor: " + txt.fontcolor("Red") + "</p>")
document.write("<p>Fontsize: " + txt.fontsize(16) + "</p>")

document.write("<p>Lowercase: " + txt.toLowerCase() + "</p>")
document.write("<p>Uppercase: " + txt.toUpperCase() + "</p>")

document.write("<p>Subscript: " + txt.sub() + "</p>")
document.write("<p>Superscript: " + txt.sup() + "</p>")

document.write("<p>Link: " + txt.link("http://www.w3school.com.cn") + "</p>")      字符串样式

JavaScript方法；

var str="Visit Microsoft!"
document.write(str.replace(/Microsoft/,"W3School"))
结果：Visit W3School!

document.write(Date())
var d=new Date();
document.write("从 1970/01/01 至今已过去 " + d.getTime() + " 毫秒");

var d = new Date()
d.setFullYear(1992,10,3)
document.write(d)   设置时间

var d = new Date()
document.write (d.toUTCString())   将当日的日期（根据 UTC）转换为字符串。

var d=new Date()
var weekday=new Array(7)
weekday[0]="星期日"
weekday[1]="星期一"
weekday[2]="星期二"
weekday[3]="星期三"
weekday[4]="星期四"
weekday[5]="星期五"
weekday[6]="星期六"

document.write("今天是" + weekday[d.getDay()])

function startTime()
{
var today=new Date()
var h=today.getHours()
var m=today.getMinutes()
var s=today.getSeconds()
// add a zero in front of numbers<10
m=checkTime(m)
s=checkTime(s)
document.getElementById('txt').innerHTML=h+":"+m+":"+s
t=setTimeout('startTime()',500)
}

function checkTime(i)
{
if (i<10) 
  {i="0" + i}
  return i
}
</script>
</head>

<body onload="startTime()">
<div id="txt"></div>    网页上显示钟

var mycars = new Array()
mycars[0] = "Saab"
mycars[1] = "Volvo"
mycars[2] = "BMW"

for (i=0;i<mycars.length;i++)// for (i in Array)
{
document.write(mycars[i] + "<br />")
}         数组遍历

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

var arr2 = new Array(3)
arr2[0] = "James"
arr2[1] = "Adrew"
arr2[2] = "Martin"

document.write(arr.concat(arr2))   合并输出各项值

var arr = new Array(3);
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

document.write(arr.join());

document.write("<br />");

document.write(arr.join(".")); 

结果：
George,John,Thomas
George.John.Thomas

var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
document.write(arr + "<br />")
document.write(arr.sort())
结果：
George,John,Thomas,James,Adrew,Martin
Adrew,George,James,John,Martin,Thomas
排序  按A.B.C

function sortNumber(a, b)
{
return a - b
}

var arr = new Array(6)
arr[0] = "10"
arr[1] = "5"
arr[2] = "40"
arr[3] = "25"
arr[4] = "1000"
arr[5] = "1"

document.write(arr + "<br />")
document.write(arr.sort(sortNumber))   排序  按值
Math.min(7.25,7.30)  返回较大 或较小的数  .max(2,4)
document.write(Math.random()) 返回随机数

常数

圆周率
2 的平方根
1/2 的平方根
2 的自然对数
10 的自然对数
以 2 为底的 e 的对数
以 10 为底的 e 的对数
这是在 Javascript 中使用这些值的方法：（与上面的算数值一一对应）
Math.E
Math.PI
Math.SQRT2
Math.SQRT1_2
Math.LN2
Math.LN10
Math.LOG2E
Math.LOG10E        值

RegExp是正则表达式的缩写

test() 方法检索字符串中的指定值。返回值是 true 或 false。
例子：
var patt1=new RegExp("e");

document.write(patt1.test("The best things in life are free"));

exec() 方法检索字符串中的指定值。返回值是被找到的值。如果没有发现匹配，则返回 null。
 

var patt1=new RegExp("e");

document.write(patt1.exec("The best things in life are free"));

var patt1=new RegExp("e");

document.write(patt1.test("The best things in life are free"));

patt1.compile("d");

document.write(patt1.test("The best things in life are free"));
由于字符串中存在 "e"，而没有 "d"，以上代码的输出是：
truefalse

BOM Window操作

window.innerHeight - 浏览器窗口的内部高度
window.innerWidth - 浏览器窗口的内部宽度

window.open() - 打开新窗口
window.close() - 关闭当前窗口
window.moveTo() - 移动当前窗口
window.resizeTo() - 调整当前窗口的尺寸

screen.availWidth 属性返回访问者屏幕的宽度，以像素计，减去界面特性，比如窗口任务栏
screen.availHeight

location.hostname 返回 web 主机的域名
location.pathname 返回当前页面的路径和文件名
location.port 返回 web 主机的端口 （80 或 443）
location.protocol 返回所使用的 web 协议（http:// 或 https://）
location.href 属性返回当前页面的 URL。

<script>
function newDoc()
  {
  window.location.assign("http://www.w3school.com.cn")
  }
</script>
</head>
<body>

<input type="button" value="加载新文档" onclick="newDoc()">

history.back() - 与在浏览器点击后退按钮相同
history.forward() - 与在浏览器中点击按钮向前相同

confirm在弹出内输入内容，并控制时间弹出setTimeout

function show_confirm()
{
var r=confirm("Press a button!");
if (r==true)
  {
  alert("You pressed OK!");
  }
else
  {
  alert("You pressed Cancel!");
  }
}
</script>
</head>
<body>

<input type="button" onclick="show_confirm()" value="Show a confirm box" />




function disp_prompt()
  {
  var name=prompt("请输入您的名字","Bill Gates")
  if (name!=null && name!="")
    {
    document.write("你好！" + name + " 今天过得怎么样？")
    }
  }
</script>
</head>
<body>

<input type="button" onclick="disp_prompt()" value="显示提示框" />  输入

function timedMsg()
{
var t=setTimeout("alert('5 秒！')",5000)
}    5秒后显示


var c=0
var t
function timedCount()
{
document.getElementById('txt').value=c
c=c+1
t=setTimeout("timedCount()",1000)
}
</script>
</head>

<body>

<form>
<input type="button" value="开始计时！" onClick="timedCount()">
<input type="text" id="txt">
</form>

<p>请点击上面的按钮。输入框会从 0 开始一直进行计时。</p>

clearTimeout(t);

基本jQuery与JavaScript区别；

JavaScript 方式：
function myFunction()
{
var obj=document.getElementById("h01");
obj.innerHTML="Hello jQuery";
}
onload=myFunction;
等价的 jQuery 是不同的：
jQuery 方式：
function myFunction()
{
$("#h01").html("Hello jQuery");
}
$(document).ready(myFunction);

前端学习网站推荐： http://www.w3school.com.cn/  

本人正在努力学习中，希望在未来能为大家分享更多更深的知识；