javascript的代码 javascript软件
其实javascript的代码的问题并不复杂，但是又很多的朋友都不太了解javascript软件，因此呢，今天小编就来为大家分享javascript的代码的一些知识，希望可以帮助到大家，下面我们一起来看看这个问题的分析吧！
<大虾进> javascript常用脚本代码有那些呀
适合阅读范围：对JavaScript一无所知～离精通只差一步之遥的人
基础知识：HTML
JavaScript就这么回事1：基础知识
1创建脚本块
1:<script language=”JavaScript”>
2: JavaScript code goes here
3:</script>
2隐藏脚本代码
1:<script language=”JavaScript”>
2:<!--
3: document.write(“Hello”);
4://-->
5:</script>
在不支持JavaScript的浏览器中将不执行相关代码
3浏览器不支持的时候显示
1:<noscript>
2: Hello to the non-JavaScript browser.
3:</noscript>
4链接外部脚本文件
1:<script language=”JavaScript” src="/”filename.js"”></script>
5注释脚本
1:// This is a comment
2: document.write(“Hello”);// This is a comment
3:/*
4: All of this
5: is a comment
6:*/
6输出到浏览器
1: document.write(“<strong>Hello</strong>”);
7定义变量
1: var myVariable=“some value”;
8字符串相加
1: var myString=“String1”+“String2”;
9字符串搜索
1:<script language=”JavaScript”>
2:<!--
3: var myVariable=“Hello there”;
4: var therePlace= myVariable.search(“there”);
5: document.write(therePlace);
6://-->
7:</script>
10字符串替换
1: thisVar.replace(“Monday”,”Friday”);
11格式化字串
1:<script language=”JavaScript”>
2:<!--
3: var myVariable=“Hello there”;
4: document.write(myVariable.big()+“<br/>”);
5: document.write(myVariable.blink()+“<br/>”);
6: document.write(myVariable.bold()+“<br/>”);
7: document.write(myVariable.fixed()+“<br/>”);
8: document.write(myVariable.fontcolor(“red”)+“<br/>”);
9: document.write(myVariable.fontsize(“18pt”)+“<br/>”);
10: document.write(myVariable.italics()+“<br/>”);
11: document.write(myVariable.small()+“<br/>”);
12: document.write(myVariable.strike()+“<br/>”);
13: document.write(myVariable.sub()+“<br/>”);
14: document.write(myVariable.sup()+“<br/>”);
15: document.write(myVariable.toLowerCase()+“<br/>”);
16: document.write(myVariable.toUpperCase()+“<br/>”);
17:
18: var firstString=“My String”;
19: var finalString= firstString.bold().toLowerCase().fontcolor(“red”);
20://-->
21:</script>
12创建数组
1:<script language=”JavaScript”>
2:<!--
3: var myArray= new Array(5);
4: myArray[0]=“First Entry”;
5: myArray[1]=“Second Entry”;
6: myArray[2]=“Third Entry”;
7: myArray[3]=“Fourth Entry”;
8: myArray[4]=“Fifth Entry”;
9: var anotherArray= new Array(“First Entry”,”Second Entry”,”Third Entry”,”Fourth Entry”,”Fifth Entry”);
10://-->
11:</script>
13数组排序
1:<script language=”JavaScript”>
2:<!--
3: var myArray= new Array(5);
4: myArray[0]=“z”;
5: myArray[1]=“c”;
6: myArray[2]=“d”;
7: myArray[3]=“a”;
8: myArray[4]=“q”;
9: document.write(myArray.sort());
10://-->
11:</script>
14分割字符串
1:<script language=”JavaScript”>
2:<!--
3: var myVariable=“a,b,c,d”;
4: var stringArray= myVariable.split(“,”);
5: document.write(stringArray[0]);
6: document.write(stringArray[1]);
7: document.write(stringArray[2]);
8: document.write(stringArray[3]);
9://-->
10:</script>
15弹出警告信息
1:<script language=”JavaScript”>
2:<!--
3: window.alert(“Hello”);
4://-->
5:</script>
16弹出确认框
1:<script language=”JavaScript”>
2:<!--
3: var result= window.confirm(“Click OK to continue”);
4://-->
5:</script>
17定义函数
1:<script language=”JavaScript”>
2:<!--
3: function multiple(number1,number2){
4: var result= number1* number2;
5: return result;
6:}
7://-->
8:</script>
18调用JS函数
1:<a href=”#” onClick=”functionName()”>Link text</a>
2:<a rel="external nofollow" href="/”javascript:functionName"()”>Link text</a>
19在页面加载完成后执行函数
1:<body onLoad=”functionName();”>
2: Body of the page
3:</body>
20条件判断
1:<script>
2:<!--
3: var userChoice= window.confirm(“Choose OK or Cancel”);
4: var result=(userChoice== true)?“OK”:“Cancel”;
5: document.write(result);
6://-->
7:</script>
21指定次数循环
1:<script>
2:<!--
3: var myArray= new Array(3);
4: myArray[0]=“Item 0”;
5: myArray[1]=“Item 1”;
6: myArray[2]=“Item 2”;
7: for(i= 0; i< myArray.length; i++){
8: document.write(myArray[i]+“<br/>”);
9:}
10://-->
11:</script>
22设定将来执行
1:<script>
2:<!--
3: function hello(){
4: window.alert(“Hello”);
5:}
6: window.setTimeout(“hello()”,5000);
7://-->
8:</script>
23定时执行函数
1:<script>
2:<!--
3: function hello(){
4: window.alert(“Hello”);
5: window.setTimeout(“hello()”,5000);
6:}
7: window.setTimeout(“hello()”,5000);
8://-->
9:</script>
24取消定时执行
1:<script>
2:<!--
3: function hello(){
4: window.alert(“Hello”);
5:}
6: var myTimeout= window.setTimeout(“hello()”,5000);
7: window.clearTimeout(myTimeout);
8://-->
9:</script>
25在页面卸载时候执行函数
1:<body onUnload=”functionName();”>
2: Body of the page
3:</body>
JavaScript就这么回事2：浏览器输出
26访问document对象
1:<script language=”JavaScript”>
2: var myURL= document.URL;
3: window.alert(myURL);
4:</script>
27动态输出HTML
1:<script language=”JavaScript”>
2: document.write(“<p>Here’s some information about this document:</p>”);
3: document.write(“<ul>”);
4: document.write(“<li>Referring Document:“+ document.referrer+“</li>”);
5: document.write(“<li>Domain:“+ document.domain+“</li>”);
6: document.write(“<li>URL:“+ document.URL+“</li>”);
7: document.write(“</ul>”);
8:</script>
28输出换行
1: document.writeln(“<strong>a</strong>”);
2: document.writeln(“b”);
29输出日期
1:<script language=”JavaScript”>
2: var thisDate= new Date();
3: document.write(thisDate.toString());
4:</script>
30指定日期的时区
1:<script language=”JavaScript”>
2: var myOffset=-2;
3: var currentDate= new Date();
4: var userOffset= currentDate.getTimezoneOffset()/60;
5: var timeZoneDifference= userOffset- myOffset;
6: currentDate.setHours(currentDate.getHours()+ timeZoneDifference);
7: document.write(“The time and date in Central Europe is:“+ currentDate.toLocaleString());
8:</script>
31设置日期输出格式
1:<script language=”JavaScript”>
2: var thisDate= new Date();
3: var thisTimeString= thisDate.getHours()+“:”+ thisDate.getMinutes();
4: var thisDateString= thisDate.getFullYear()+“/”+ thisDate.getMonth()+“/”+ thisDate.getDate();
5: document.write(thisTimeString+“ on“+ thisDateString);
6:</script>
32读取URL参数
1:<script language=”JavaScript”>
2: var urlParts= document.URL.split(“?”);
3: var parameterParts= urlParts[1].split(“&”);
4: for(i= 0; i< parameterParts.length; i++){
5: var pairParts= parameterParts[i].split(“=”);
6: var pairName= pairParts[0];
7: var pairValue= pairParts[1];
8: document.write(pairName+“：“+pairValue);
9:}
10:</script>
你还以为HTML是无状态的么？
33打开一个新的document对象
1:<script language=”JavaScript”>
2: function newDocument(){
3: document.open();
4: document.write(“<p>This is a New Document.</p>”);
5: document.close();
6:}
7:</script>
34页面跳转
1:<script language=”JavaScript”>
2: window.location=“”;
3:</script>
35添加网页加载进度窗口
1:<html>
2:<head>
3:<script language='javaScript'>
4: var placeHolder= window.open('holder.html','placeholder','width=200,height=200');
5:</script>
6:<title>The Main Page</title>
7:</head>
8:<body onLoad='placeHolder.close()'>
9:<p>This is the main page</p>
10:</body>
11:</html>
36读取图像属性
1:<img src="/”image1.jpg"” name=”myImage”>
2:<a href=”#” onClick=”window.alert(document.myImage.width)”>Width</a>
3:
37动态加载图像
1:<script language=”JavaScript”>
2: myImage= new Image;
3: myImage.src=“Tellers1.jpg”;
4:</script>
38简单的图像替换
1:<script language=”JavaScript”>
2: rollImage= new Image;
3: rollImage.src=“rollImage1.jpg”;
4: defaultImage= new Image;
5: defaultImage.src=“image1.jpg”;
6:</script>
7:<a rel="external nofollow" href="/”myUrl"” onMouseOver=”document.myImage.src= rollImage.src;”
8: onMouseOut=”document.myImage.src= defaultImage.src;”>
9:<img src="/”image1.jpg"” name=”myImage” width=100 height=100 border=0>
39随机显示图像
1:<script language=”JavaScript”>
2: var imageList= new Array;
3: imageList[0]=“image1.jpg”;
4: imageList[1]=“image2.jpg”;
5: imageList[2]=“image3.jpg”;
6: imageList[3]=“image4.jpg”;
7: var imageChoice= Math.floor(Math.random()* imageList.length);
8: document.write(‘<img src=”’+ imageList[imageChoice]+‘“>’);
9:</script>
40函数实现的图像替换
1:<script language=”JavaScript”>
2: var source= 0;
3: var replacement= 1;
4: function createRollOver(originalImage,replacementImage){
5: var imageArray= new Array;
6: imageArray[source]= new Image;
7: imageArray[source].src= originalImage;
8: imageArray[replacement]= new Image;
9: imageArray[replacement].src= replacementImage;
10: return imageArray;
11:}
12: var rollImage1= createRollOver(“image1.jpg”,”rollImage1.jpg”);
13:</script>
14:<a href=”#” onMouseOver=”document.myImage1.src= rollImage1[replacement].src;”
15: onMouseOut=”document.myImage1.src= rollImage1[source].src;”>
16:<img src="/”image1.jpg"” width=100 name=”myImage1” border=0>
17:</a>
41创建幻灯片
1:<script language=”JavaScript”>
2: var imageList= new Array;
3: imageList[0]= new Image;
4: imageList[0].src=“image1.jpg”;
5: imageList[1]= new Image;
6: imageList[1].src=“image2.jpg”;
7: imageList[2]= new Image;
8: imageList[2].src=“image3.jpg”;
9: imageList[3]= new Image;
10: imageList[3].src=“image4.jpg”;
11: function slideShow(imageNumber){
12: document.slideShow.src= imageList[imageNumber].src;
13: imageNumber+= 1;
14: if(imageNumber< imageList.length){
15: window.setTimeout(“slideShow(“+ imageNumber+“)”,3000);
16:}
17:}
18:</script>
19:</head>
20:<body onLoad=”slideShow(0)”>
21:<img src="/”image1.jpg"” width=100 name=”slideShow”>
42随机广告图片
1:<script language=”JavaScript”>
2: var imageList= new Array;
3: imageList[0]=“image1.jpg”;
4: imageList[1]=“image2.jpg”;
5: imageList[2]=“image3.jpg”;
6: imageList[3]=“image4.jpg”;
7: var urlList= new Array;
8: urlList[0]=“”;
9: urlList[1]=“”;
10: urlList[2]=“”;
11: urlList[3]=“”;
12: var imageChoice= Math.floor(Math.random()* imageList.length);
13: document.write(‘<a href=”’+ urlList[imageChoice]+‘“><img src=”’+ imageList[imageChoice]+‘“></a>’);
14:</script>
JavaScript就这么回事4：表单
还是先继续写完JS就这么回事系列吧～
43表单构成
1:<form method=”post” action=”target.html” name=”thisForm”>
2:<input type=”text” name=”myText”>
3:<select name=”mySelect”>
4:<option value=”1”>First Choice</option>
5:<option value=”2”>Second Choice</option>
6:</select>
7:<br/>
8:<input type=”submit” value=”Submit Me”>
9:</form>
44访问表单中的文本框内容
1:<form name=”myForm”>
2:<input type=”text” name=”myText”>
3:</form>
4:<a href='#' onClick='window.alert(document.myForm.myText.value);'>Check Text Field</a>
45动态复制文本框内容
1:<form name=”myForm”>
2: Enter some Text:<input type=”text” name=”myText”><br/>
3: Copy Text:<input type=”text” name=”copyText”>
4:</form>
5:<a href=”#” onClick=”document.myForm.copyText.value=
6: document.myForm.myText.value;”>Copy Text Field</a>
46侦测文本框的变化
1:<form name=”myForm”>
2: Enter some Text:<input type=”text” name=”myText” onChange=”alert(this.value);”>
3:</form>
47访问选中的Select
1:<form name=”myForm”>
2:<select name=”mySelect”>
3:<option value=”First Choice”>1</option>
4:<option value=”Second Choice”>2</option>
5:<option value=”Third Choice”>3</option>
6:</select>
7:</form>
8:<a href='#' onClick='alert(document.myForm.mySelect.value);'>Check Selection List</a>
48动态增加Select项
1:<form name=”myForm”>
2:<select name=”mySelect”>
3:<option value=”First Choice”>1</option>
4:<option value=”Second Choice”>2</option>
5:</select>
6:</form>
7:<script language=”JavaScript”>
8: document.myForm.mySelect.length++;
9: document.myForm.mySelect.options[document.myForm.mySelect.length- 1].text=“3”;
10: document.myForm.mySelect.options[document.myForm.mySelect.length- 1].value=“Third Choice”;
11:</script>
49验证表单字段
1:<script language=”JavaScript”>
2: function checkField(field){
3: if(field.value==“”){
4: window.alert(“You must enter a value in the field”);
5: field.focus();
6:}
7:}
8:</script>
9:<form name=”myForm” action=”target.html”>
10: Text Field:<input type=”text” name=”myField”onBlur=”checkField(this)”>
11:<br/><input type=”submit”>
12:</form>
50验证Select项
1: function checkList(selection){
2: if(selection.length== 0){
3: window.alert(“You must make a selection from the list.”);
4: return false;
5:}
6: return true;
7:}
51动态改变表单的action
1:<form name=”myForm” action=”login.html”>
2: Username:<input type=”text” name=”username”><br/>
3: Password:<input type=”password” name=”password”><br/>
4:<input type=”button” value=”Login” onClick=”this.form.submit();”>
5:<input type=”button” value=”Register” onClick=”this.form.action=‘register.html’; this.form.submit();”>
6:<input type=”button” value=”Retrieve Password” onClick=”this.form.action=‘password.html’; this.form.submit();”>
7:</form>
52使用图像按钮
1:<form name=”myForm” action=”login.html”>
2: Username:<input type=”text” name=”username”><br/>
3: Password:<input type=”password”name=”password”><br/>
4:<input type=”image” src="/”login.gif"” value=”Login”>
5:</form>
6:
53表单数据的加密
1:<SCRIPT LANGUAGE='JavaScript'>
2:<!--
3: function encrypt(item){
4: var newItem='';
5: for(i=0; i< item.length; i++){
6: newItem+= item.charCodeAt(i)+'.';
7:}
8: return newItem;
9:}
10: function encryptForm(myForm){
11: for(i=0; i< myForm.elements.length; i++){
12: myForm.elements[i].value= encrypt(myForm.elements[i].value);
13:}
14:}
15:
16://-->
17:</SCRIPT>
18:<form name='myForm' onSubmit='encryptForm(this); window.alert(this.myField.value);'>
19: Enter Some Text:<input type=text name=myField><input type=submit>
20:</form>
JavaScript就这么回事5：窗口和框架
54改变浏览器状态栏文字提示
1:<script language=”JavaScript”>
2: window.status=“A new status message”;
3:</script>
55弹出确认提示框
1:<script language=”JavaScript”>
2: var userChoice= window.confirm(“Click OK or Cancel”);
3: if(userChoice){
4: document.write(“You chose OK”);
5:} else{
6: document.write(“You chose Cancel”);
7:}
8:</script>
56提示输入
1:<script language=”JavaScript”>
2: var userName= window.prompt(“Please Enter Your Name”,”Enter Your Name Here”);
3: document.write(“Your Name is“+ userName);
4:</script>
57打开一个新窗口
1://打开一个名称为myNewWindow的浏览器新窗口
2:<script language=”JavaScript”>
3: window.open(“”,”myNewWindow”);
4:</script>
58设置新窗口的大小
1:<script language=”JavaScript”>
2: window.open(“”,”myNewWindow”,'height=300,width=300');
3:</script>
59设置新窗口的位置
1:<script language=”JavaScript”>
2: window.open(“”,”myNewWindow”,'height=300,width=300,left=200,screenX=200,top=100,screenY=100');
3:</script>
60是否显示工具栏和滚动栏
1:<script language=”JavaScript”>
2: window.open(“http:
61是否可以缩放新窗口的大小
1:<script language=”JavaScript”>
2: window.open(';);</script>
62加载一个新的文档到当前窗口
1:<a href='#' onClick='document.location='125a.html';'>Open New Document</a>
63设置页面的滚动位置
1:<script language=”JavaScript”>
2: if(document.all){//如果是IE浏览器则使用scrollTop属性
3: document.body.scrollTop= 200;
4:} else{//如果是NetScape浏览器则使用pageYOffset属性
5: window.pageYOffset= 200;
6:}</script>
64在IE中打开全屏窗口
1:<a href='#' onClick=”window.open(';);”>Open a full-screen window</a>
65新窗口和父窗口的操作
1:<script language=”JavaScript”>
2://定义新窗口
3: var newWindow= window.open(“128a.html”,”newWindow”);
4: newWindow.close();//在父窗口中关闭打开的新窗口
5:</script>
6:在新窗口中关闭父窗口
7: window.opener.close()
66往新窗口中写内容
1:<script language=”JavaScript”>
2: var newWindow= window.open(“”,”newWindow”);
3: newWindow.document.open();
4: newWindow.document.write(“This is a new window”);
5: newWIndow.document.close();
6:</script>
67加载页面到框架页面
1:<frameset cols=”50%,*”>
2:<frame name=”frame1” src="/”135a.html"”>
3:<frame name=”frame2” src="/”about:blank"”>
4:</frameset>
5:在frame1中加载frame2中的页面
6: parent.frame2.document.location=“135b.html”;
68在框架页面之间共享脚本
如果在frame1中html文件中有个脚本
1: function doAlert(){
2: window.alert(“Frame 1 is loaded”);
3:}
那么在frame2中可以如此调用该方法
1:<body onLoad=”parent.frame1.doAlert();”>
2: This is frame 2.
3:</body>
69数据公用
可以在框架页面定义数据项，使得该数据可以被多个框架中的页面公用
1:<script language=”JavaScript”>
2: var persistentVariable=“This is a persistent value”;
3:</script>
4:<frameset cols=”50%,*”>
5:<frame name=”frame1” src="/”138a.html"”>
6:<frame name=”frame2” src="/”138b.html"”>
7:</frameset>
这样在frame1和frame2中都可以使用变量persistentVariable
70框架代码库
根据以上的一些思路，我们可以使用一个隐藏的框架页面来作为整个框架集的代码库
1:<frameset cols=”0,50%,*”>
2:<frame name=”codeFrame” src="/”140code.html"”>
3:<frame name=”frame1” src="/”140a.html"”>
4:<frame name=”frame2” src="/”140b.html"”>
5:</frameset>
javascript代码实现
1）布局排版
2）鼠标移上文本框发光效果实现：给文本框取一个ID号，如txtInput，设置如下CSS样式：#txtInput:hover{box-shadow:0px0px 5px 0px#0000ff;}，其中#txtInput:hover表示鼠标移上ID为txtInput的网页元素。box-shadow为CSS3属性，表示边框有阴影。
3）应用文本框.onkeydown事件处理按下键盘事件，判断当文本框内内容长度大于规定长度时，事件处理函数返回false，使得按下键盘不起作用。文本框内内容用文本框.value获取。
4）应用文本框onkeyup事件处理松开键盘事件，处理将文本框中内容的长度写到文本框下方的计数位置上。文本框内容的长度可用文本框.value.length获取。
1）文本框中没有输入内容时，显示“请输入个人信息”这几个提示文字，且文字为灰色。
2）文本框聚焦时提示文字消失。
3）文本框中输入内容时，提示文字消失，输入文字为黑色。
4）当文本框中文字内容长度已达到最大值时，删除键仍然有用，可以删除文本框中文本，且删除时字符总数相应修改。
5）当文本框中文字内容全部删除时，提示文字出现。
提示：
1）事件处理程序默认带有一个参数，用e表示，可以通过e.which获取按下键的码值。注意：e.which用于非IE浏览器，IE浏览器要用window.event.keyCode获取。
2）注意文本框onfocus事件的应用。
javascript是什么
javascript
一种由Netscape的LiveScript发展而来的脚本语言，它提高与Java的兼容性。JavaScript采用HTML页作为其接口
为了使网页能够具有交互性，能够包含更多活跃的元素，就有必要在网页中嵌入其它的技术。如：Javascript、VBScript、 Document Object Model（文件目标模块）、Layers和 Cascading Style Sheets（CSS），这里主要讲Javascript。那么Javascript是什么东东？Javascript就是适应动态网页制作的需要而诞生的一种新的编程语言，如今越来越广泛地使用于Internet网页制作上。 Javascript是由 Netscape公司开发的一种脚本语言（scripting language），或者称为描述语言。在HTML基础上，使用Javascript可以开发交互式Web网页。Javascript的出现使得网页和用户之间实现了一种实时性的、动态的、交互性的关系，使网页包含更多活跃的元素和更加精彩的内容。运行用Javascript编写的程序需要能支持 Javascript语言的浏览器。Netscape公司 Navigator 3．0以上版本的浏览器都能支持 Javascript程序，微软公司 Internet Explorer 3．0以上版本的浏览器基本上支持Javascript。微软公司还有自己开发的Javascript，称为JScript。 Javascript和Jscript基本上是相同的，只是在一些细节上有出入。 Javascript短小精悍，又是在客户机上执行的，大大提高了网页的浏览速度和交互能力。同时它又是专门为制作Web网页而量身定做的一种简单的编程语言。
虽然，在Dreamweaver的Behaviors可以为我们方便地使用Javascript程序而不用编写代码，但我们自己了解了Javascript的编程方法后，将能更加方便灵活地应用，也使 Javascript的代码更简练。本专题通过对一系列典型程序的剖析，使你快速地掌握Javascript的编程技巧，设计出质量上乘的动态网页打下坚实的基础。在此之前，我们先了解一些Javascript的基本概念。
JavaScript有什么特点
JavaScript使网页增加互动性。JavaScript使有规律地重复的HTML文段简化，减少下载时间。JavaScript能及时响应用户的操作，对提交表单做即时的检查，无需浪费时间交由 CGI验证。JavaScript的特点是无穷无尽的，只要你有创意。
Java与 JavaScript有什么不同
很多人看到 Java和 JavaScript都有“Java”四个字，就以为它们是同一样东西，连我自己当初也是这样。其实它们是完完全全不同的两种东西。Java，全称应该是 Java Applet，是嵌在网页中，而又有自己独立的运行窗口的小程序。Java Applet是预先编译好的，一个 Applet文件（.class）用 Notepad打开阅读，根本不能理解。Java Applet的功能很强大，可以访问 http、ftp等协议，甚至可以在电脑上种病毒（已有先例了）。相比之下，JavaScript的能力就比较小了。JavaScript是一种“脚本”（“Script”），它直接把代码写到 HTML文档中，浏览器读取它们的时候才进行编译、执行，所以能查看 HTML源文件就能查看JavaScript源代码。JavaScript没有独立的运行窗口，浏览器当前窗口就是它的运行窗口。它们的相同点，我想只有同是以 Java作编程语言一点了。
开发 JavaScript该用什么软件
一个 JavaScript程序其实是一个文档，一个文本文件。它是嵌入到 HTML文档中的。所以，任何可以编写 HTML文档的软件都可以用来开发 JavaScript。在此我推荐大家用 FrontPage 2000附带的 Microsoft脚本编辑器（在 FrontPage菜单|工具|宏| Microsoft脚本编辑器）。它是个像 Visual Basic/ C++一样的程序开发器，能对正在输入的语句作出简要提示。配合 FrontPage 2000，使工作量大大减少。
一、Javascript在网页的用法
Javascript加入网页有两种方法：
1、直接加入HTML文档
这是最常用的方法，大部分含有Javascript的网页都采用这种方法，如：
<script language="Javascript">
<!--
document.writeln("这是Javascript！采用直接插入的方法！");
//-Javascript结束-->
</script>
在这个例子中，我们可看到一个新的标签：<script>……</script>，而<script language="Javascript”>用来告诉浏览器这是用Javascript编写的程序，需要调动相应的解释程序进行解释。
HTML的注释标签<!--和-->：用来去掉浏览器所不能识别的Javascript源代码的，这对不支持 Javascript语言的浏览器来说是很有用的。
//-Javascript结束：双斜杠表示 Javascript的注释部分，即从//开始到行尾的字符都被忽略。至于程序中所用到的document．write（）函数则表示将括号中的文字输出到窗口中去，这在后面将会详细介绍。另外一点需要注意的是，<script>……</script>的位置并不是固定的，可以包含在< head>......</head>或<body>.....</body>中的任何地方。
2、引用方式如果已经存在一个Javascript源文件（以js为扩展名），则可以采用这种引用的方式，以提高程序代码的利用率。其基本格式如下：
<script src＝url language="Javascript"></script>
其中的Url就是程序文件的地址。同样的，这样的语句可以放在HTML文档头部或主体的任何部分。如果要实现“直接插入方式”中所举例子的效果，可以首先创建一个Javascript源代码文件“Script.js”，其内容如下：
document.writeln("这是Javascript！采用直接插入的方法！");
在网页中可以这样调用程序：<script src＝"Script.js" language="Javascript"></script>。
二、Javascript基本概念
在这里只作简单介绍，在以后的例子中结程序再作具体解释其作用。
1、运算符
运算符就是完成操和的一系列符号，它有七类：
赋值运算符、算术运算符、比较运算符、逻辑运算符、条件运算、位操作运算符和字符串运算符。
2、表达式
运算符和操作数的组合称为表达式，通常分为四类：赋值表达式、算术表达式、布尔表达式和字符串表达式。
3、语句
Javascript程序是由若干语句组成的，语句是编写程序的指令。Javascript提供了完整的基本编程语句，它们是：
赋值语句、switch选择语句、while循环语句、for循环语句、do while循环语句、break循环中止语句和continue循环中断语句。
4、函数
函数是命名的语句段，这个语句段可以被当作一个整体来引用不着和执行。使用函数要注意以下几点：
1）函数由关键字function定义；
2）函数必须先定义后使用，否则将出错；
3）函数名是调用函数时引用的名称，它对大小写是敏感的，调用函数时不可写错函数名；
4）参数表示传递给函数使用或操作的值，它可以是常量，也可以是变量；
5）return语句用于返回表达式的值，也可以没有。
5、对象
Javascript的一个重要功能就是基于对象的功能，通过基于对象的程序设计，可以用更直观、模块化和可重复使用的方式进行程序开发。
一组包含数据的属性和对属性中包含数据进行操作的方法，称为对象。比如要设定网页的背景颜色，所针对的对象就是document，所用的属性名是bgcolor，如document.bgcolor="blue"，就是表示使背景的颜色为蓝色。
6、事件
用户与网页交互时产生的操作，称为事件。绝大部分事都由用户的动作所引发，如：用户按鼠标的按钮，就产生onclick事件，若鼠标的指针的链接上移动，就产生onmouseover事件等等。在Javascript中，事件往往与事件处理程序配套使用。
学习Javascript比较快速有效的方法是先熟悉一些基本概念，然后找几个别人设计好的程序认真仔细地分析一遍，再稍作改动，再看看能否达到预期目的，不断地举一反三，既可以加深对一些参数、设计方法的理解，又可以快速地提高自己的水平。另外，再提醒一下：Javascript对大小写是敏感的，特别是一些对象、方法、属性的大小写一定要一致，要养成一种良好的习惯，否则在调试程序时可要累死你了。
7、变量
如 var myVariable="some value";
参考资料：
好了，本文到此结束，如果可以帮助到大家，还望关注本站哦！