0.1   <script> 和 </script> 会告诉 JavaScript 在何处开始和结束。

<script> 和 </script> 之间的代码行包含了 JavaScript：

那些老旧的实例可能会在 <script> 标签中使用 type="text/javascript"。现在已经不必这样做了。JavaScript 是所有现代浏览器以及 HTML5 中的默认脚本语言。

0.2 脚本可位于 HTML 的 <body> 或 <head> 部分中，或者同时存在于两个部分中。

通常的做法是把函数放入 <head> 部分中，或者放在页面底部。这样就可以把它们安置到同一处位置，不会干扰页面的内容。

<!DOCTYPE html>
<html>
<body>


<h1>My Web Page</h1>




<p id="demo">A Paragraph</p>




<button type="button" onclick="myFunction()">Try it</button>


<script>


function myFunction()


{


document.getElementById("demo").innerHTML="My First JavaScript Function";


}


</script>




</body>


</html>


<!DOCTYPE html>






<html>




 




<head><script>






function myFunction()






{






document.getElementById("demo").innerHTML="My First JavaScript Function";






}






</script>






</head>




 




<body>




 




<h1>My Web Page</h1>




 




<p id="demo">A Paragraph</p>




 




<button type="button" onclick="myFunction()">Try it</button>




 




</body>






</html>




我们把 JavaScript 放到了页面代码的底部，这样就可以确保在 <p> 元素创建之后再执行脚本。


都是点击按键后，将A Paragraph替换为My First JavaScript Function


0.3   注释和C语言相同


0.4 在 JavaScript 中，用分号来结束语句是可选的。


0.5 JavaScript 对大小写是敏感的。函数 getElementById 与 getElementbyID 是不同的。


0.6当您向变量分配文本值时，应该用双引号或单引号包围这个值。


1 文本document.write("<h1>Hello World!</h1>")


2 提醒框<script type="text/javascript">


function message()


{


alert("该提示框是通过 onload 事件调用的。")


}


</script>


</head>


<body onload="message()">


确认框


function show_confirm()


{


var r=confirm("Press a button!");


if (r==true)


{


alert("You pressed OK!");


}


else


{


alert("You pressed Cancel!");


}


}


提示框


function disp_prompt()


{


var name=prompt("请输入您的名字","Bill Gates")


if (name!=null && name!="")


{


document.write("你好！" + name + " 今天过得怎么样？")


}


}


警告框经常用于确保用户可以得到某些信息。当警告框出现后，用户需要点击确定按钮才能继续进行操作。alert("文本")


确认框用于使用户可以验证或者接受某些信息。当确认框出现后，用户需要点击确定或者取消按钮才能继续进行操作。如果用户点击确认，那么返回值为 true。如果用户点击取消，那么返回值为 false。confirm("文本")


提示框经常用于提示用户在进入页面前输入某个值。


当提示框出现后，用户需要输入某个值，然后点击确认或取消按钮才能继续操纵。


如果用户点击确认，那么返回值为输入的值。如果用户点击取消，那么返回值为 null。


prompt("文本","默认值")


3 调用外部js，外部脚本不能包含 <script> 标签。


<script src="/js/example_externaljs.js"></script>


4 得到按键值通过ID值为demo的，输出到html中carname的值


document.getElementById("demo").innerHTML=carname;


5 函数


5．1 带参数的


<script type="text/javascript">


function myfunction(txt)


{


alert(txt)


}


</script>


</head>


<body>


<form>


<input type="button" onclick="myfunction('您好！')" value="调用函数">


</form>


6 出错报警


try 语句允许我们定义在执行时进行错误测试的代码块。


catch 语句允许我们定义当 try 代码块发生错误时，所执行的代码块。


JavaScript 语句 try 和 catch 是成对出现的。




<!DOCTYPE html>


<html>


<head>


<script>


var txt="";


function message()


{


try


{


adddlert("Welcome guest!");//alert写错


}


catch(err)


{


txt="There was an error on this page.\n\n";


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


txt+="Click OK to continue.\n\n";


alert(txt);


}


}


</script>


</head>


<body>


<input type="button" value="View message" onclick="message()">


</body>


</html>




7 图像映射


<html>


<head>


<script type="text/javascript">


function writeText(txt)


{


document.getElementById("desc").innerHTML=txt


}


</script>


</head>


<body>


<img src="/i/eg_planets.jpg" border="0" usemap="#planetmap" alt="Planets" />


<map name="planetmap" id="planetmap">


<area shape="circle" coords="180,139,14"


onMouseOver="writeText('直到 20 世纪 60 年代，金星一直被认为是地球的孪生姐妹，因为金星是离我们最近的行星，同时还由于两者拥有很多共同的特征。')"


href ="/example/html/venus.html" target ="_blank" alt="Venus" />


<area shape="circle" coords="129,161,10"


onMouseOver="writeText('从地球上是很难研究水星的，这是由于它和太阳的距离总是很近。')"


href ="/example/html/mercur.html" target ="_blank" alt="Mercury" />


<area shape="rect" coords="0,0,110,260"


onMouseOver="writeText('太阳和类似木星这样的气态行星是到目前为止太阳系中最大的物体。')"


href ="/example/html/sun.html" target ="_blank" alt="Sun" />


</map>


<p id="desc"></p>


</body>


</html>


8 无穷尽的计时


function timedCount()


{


document.getElementById('txt').value=c


c=c+1


t=setTimeout("timedCount()",1000)//1000为1s显示一次


}


如果想停止，就在加一个函数，将值清空。


function stopCount()


{


c=0;


setTimeout("document.getElementById('txt').value=0",0);


clearTimeout(t);


}


显示时间


<html>


<head>


<script type="text/javascript">


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>


</body>


</html>


9 创建对象模板


<script type="text/javascript">


function person(firstname,lastname,age,eyecolor)


{


this.firstname=firstname


this.lastname=lastname


this.age=age


this.eyecolor=eyecolor


}


myFather=new person("John","Adams",35,"black")


document.write(myFather.firstname + " 的年龄是 " + myFather.age + " 岁。")


</script>
												


											
javascript初步了解的更多相关文章
	

    
						
  1. python成长之路【第十五篇】：JavaScript初步认识
		
    JavaScript是一门编程语言,浏览器内置了JavaScript语言的解释器,所以在浏览器上按照JavaScript语言的规则编写相应代码之,浏览器可以解释并做出相应的处理. 一.如何编写 1.J ...
    
		
    2. 
						
  2. Javascript——初步
		
    1.基本概念 Javascript是一门脚本语言,它是一门解释性的语言.网页和用户之间实时.动态的进行交互. 2.特点 简单性:没有严格的数据类型.语句简单而紧凑. 安全性:仅仅能通过浏览器实现浏览和 ...
    
		
    3. 
						
  3. HTML 5 JavaScript初步 编译运行.doc
		
    编译运行 解释运行 JavaScript:只有一种变量类型,var.数据类型:整型,小数,字符串,布尔型 1.如何把数值型字符串变成数字型: parseInt("字符串")——把字 ...
    
		
    4. 
								
  4. JavaScript初步
		
    隐式转换 其他类型转换成布尔类型: undefined --> false null --> false 0或者0.0或者NaN --> false 字符串长度为0 --> f ...
    
		
    5. 
						
  5. JavaScript 初步认识
		
    首先呢 要成为WEB全栈工程师呢 JavaScript 是必须要会的 高级技术看自身兴趣爱好,但是基础必须掌握 因为有良好的基础学习jQuery会比较轻松. js是一门轻量的脚本语言 我学它主要目的是 ...
    
		
    6. 
						
  6. JavaScript初步学习----基本使用，简单事件，修改样式，数据类型
		
    JavaScript基本使用 JavaScript原名叫livescript,是一门动态类型,弱类型基于原型的脚本语言   用于页面特效,前后交替,后台开发(node)   JavaScript写在s ...
    
		
    7. 
						
  7. JavaScript基于对象编程
		
    js面向对象特征介绍 javascript是一种面向(基于)对象的动态脚本语言,是一种基于对象(Object)和事件驱动(EventDirven)并具有安全性能的脚本语言.它具有面向对象语言所特有的各 ...
    
		
    8. 
						
  8. Python基础+Pythonweb+Python扩展+Python选修四大专题 超强麦子学院Python35G视频教程
		
    [保持在百度网盘中的, 可以在观看,嘿嘿 内容有点多,要想下载, 回复后就可以查看下载地址,资源收集不易,请好好珍惜] 下载地址:http://www.fu83.cc/ 感觉文章好,可以小手一抖 -- ...
    
		
    9. 
						
  9. div模拟selection标签 下拉列表
		
    <!doctype html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 【比赛】HNOI2018 游戏
			
    考试的时候线段树区间查询的return条件打成了l==r....于是光荣爆20(线段树都不会打了?) 看膜博士的题解 #include<bits/stdc++.h> #define ui  ...
    
			
    2. 
						
  2. 那个执事，争先：我如何于 2015 年在 Java Web 项目中推动 HTTP/2
			
    2015 年 5 月,HTTP/2 发布. 2015 年第 3 季度,我所在企业的一个战略级客户(而且是第二大客户)说,他们需要在当年年底之前支持 HTTP/2(原因忘了,且与本文无关,从略). 而在 ...
    
			
    3. 
						
  3. 【MVVM Dev】PART_Editor的使用
			
    一.前言       在日常的界面开发中,我们大多使用MVVM模式进行开发.通常情况下,一个PropertyGridControl或者DataGrid的ItemsSource设置好, 然后每一列绑定好 ...
    
			
    4. 
						
  4. 【BZOJ1492】【NOI2007】货币兑换（动态规划，CDQ分治，Splay）
			
    [BZOJ1492][NOI2007]货币兑换(动态规划,CDQ分治,Splay) 题面 BZOJ 洛谷 Description 小Y最近在一家金券交易所工作.该金券交易所只发行交易两种金券:A纪念券 ...
    
			
    5. 
						
  5. RDD 算子补充
			
    一.RDD算子补充 1.mapPartitions         mapPartitions的输入函数作用于每个分区, 也就是把每个分区中的内容作为整体来处理.   (map是把每一行) mapPa ...
    
			
    6. 
						
  6. 解题：APIO 2014 回文串
			
    题面 初见SAM 洛谷数据太弱了,我SAM写错了居然有90pts=.=??? SAM求一个子串$(l,r)$的出现次数:从右端点对应状态开始在parent树上倍增,当目标节点的$len$大于等于子串长 ...
    
			
    7. 
						
  7. tf.train.batch的偶尔乱序问题
			
    tf.train.batch的偶尔乱序问题 觉得有用的话,欢迎一起讨论相互学习~Follow Me tf.train.batch的偶尔乱序问题 我们在通过tf.Reader读取文件后,都需要用batc ...
    
			
    8. 
						
  8. NDK编译时两 .so之间调用问题
			
    Android C++(NDK)项目需要调用别人的代码,因此将其编译成了.so库,而自己的代码也编成了一个.so库. 结果编译成功,但是在运行时自己的.so调用别人的.so会失败,提示说没有正确传入参 ...
    
			
    9. 
						
  9. extjs6需要引入文件
			
    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
    
			
    10. 
						
  10. 字符串：AC自动机
			
    给出一个字典和一个模式串,问模式串中出现几个字典中的单词 最后一行是大串,之前输入的是小串 #include<iostream> #include<cstdio> using  ...
    
			
    11.