<button type="button" onclick="alert('Welcome!')">点击这里</button>
alert 弹出对话框显示内容 onclick 点击触发事件

x=document.getElementById("demo")  //查找元素（获取元素内容，相当于指针）

x.innerHTML="Hello JavaScript";    //改变内容
x.style.color="#ff0000";//改变颜色
<!DOCTYPE html>

<html>

<body>

<script>

function changeImage()

{

element=document.getElementById('myimage')

if (element.src.match("bulbon"))

  {

  element.src="/i/eg_bulboff.gif";

  }

else

  {

  element.src="/i/eg_bulbon.gif";

  }

}

</script>

<img id="myimage" onclick="changeImage()" src="/i/eg_bulboff.gif">

<p>点击灯泡来点亮或熄灭这盏灯</p>

</body>

</html>
element.src.match("bulbon")的使用值得注意。
if isNaN(x) {alert("Not Numeric")};判断x是否全为数字，否则弹出对话框。可用于验证用户输入的内容

HTML 页面中插入 JavaScript，请使用 <script> 标签。

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

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



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


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


外部 JavaScript 文件的文件扩展名是 .js。


如需使用外部文件，请在 <script> 标签的 "src" 属性中设置该 .js 文件：




<!DOCTYPE html>

<html>

<body>

<h1>My Web Page</h1>

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

<button type="button" onclick="myFunction()">点击这里</button>

<p><b>注释：</b>myFunction 保存在名为 "myScript.js" 的外部文件中。</p>

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

</body>

</html>






使用 document.write() 仅仅向文档输出写内容。


如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖：




<!DOCTYPE html>

<html>

<body>

<h1>My First Web Page</h1>

<p>My First Paragraph.</p>

<button onclick="myFunction()">点击这里</button>

<script>

function myFunction()

{

document.write("糟糕！文档消失了。");

}

</script>

</body>

</html>




您可以在文本字符串中使用反斜杠对代码行进行换行。下面的例子会正确地显示：


document.write("Hello \

World!");


使用 var 关键词来声明变量
如果重新声明 JavaScript 变量，该变量的值不会丢失
												


											
javascript入门学习笔记的更多相关文章
	

    
						
  1. JavaScript入门-学习笔记(一)
		
    JavaScript入门(一) 学习js之前,我们先来了解一下,什么是JavaScript? JavaScript是一种解释型语言.在运行的时候,一边读一边编译一边执行.简单来说就是,在执行js代码时 ...
    
		
    2. 
						
  2. javascript入门学习笔记2
		
    JavaScript 拥有动态类型.这意味着相同的变量可用作不同的类型: 实例 var x // x 为 undefined var x = 6; // x 为数字 var x = "Bil ...
    
		
    3. 
								
  3. JavaScript入门学习笔记（JSON）
		
    JSON是JavaScript Object Notation的简称,是一种轻量级的数据交换格式. JSON使用JS的语法,但其格式只是一个文本,可以被任何编程语言读取病作为数据格式传递. JSON以 ...
    
		
    4. 
						
  4. JavaScript入门学习笔记(异常处理)
		
    try:语句测试代码块的错误,当try中的代码块出错时执行catch中的代码块. catch:语句处理错误: throw:语句创建或抛出自定义异常. 三者一起使用可以控制程序流并生成自定义异常信息.  ...
    
		
    5. 
						
  5. JavaScript入门学习笔记（二）
		
    JavaScript运算符: 算术运算符.赋值运算符和字符串连接运算符. 算法运算符与复制运算符用法参照Java: 字符串运算符: +运算符用于把文本值或字符串变量连接起来,适用于两个或更多字符串变量 ...
    
		
    6. 
						
  6. JavaScript入门学习笔记（一）
		
    W3cJavaScript教程 JS是JavaScript的缩写,而JSP是Java Server Page的缩写,后者是用于服务器的语言. JavaScript代码写在标签<script> ...
    
		
    7. 
						
  7. JavaScript入门-学习笔记(二)
		
    关于js变量 变量,就是一个用来存储数据的容器 一般来说,我们的变量都是可以得先声明,再使用,就像是一个东西先必须存在,才能看得见摸得着.然而在js里(es5),可以先使用,后声明. a = 100; ...
    
		
    8. 
						
  8. JavaScript入门学习笔记（表单验证）
		
    表单验证: 在数据被送到服务器之前对HTML表单中的输入数据进行验证,避免服务器频繁验证信息造成用户体验差. (1)表单数据是否为空 (2)输入的信息格式是否正确 (3)输入数据的类型是否正确 必填( ...
    
		
    9. 
						
  9. Sass简单、快速上手_Sass快速入门学习笔记总结
		
    Sass是世界上最成熟.稳定和强大的专业级css扩展语言 ,除了Sass是css的一种预处理器语言,类似的语言还有Less,Stylus等. 这篇文章关于Sass快速入门学习笔记. 资源网站大全 ht ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. Hibernate 事物隔离级别 深入探究
			
    目录 一.数据库事务的定义 二.数据库事务并发可能带来的问题 三.数据库事务隔离级别 四.使用Hibernate设置数据库隔离级别 五.使用悲观锁解决事务并发问题 六.使用乐观锁解决事务并发问题 Hi ...
    
			
    2. 
						
  2. Maven实战五
			
    转载:http://www.iteye.com/topic/1123232 我们项目中用到的jar包可以通过依赖的方式引入,构建项目的时候从Maven仓库下载即可. 1. 依赖配置    依赖可以声明 ...
    
			
    3. 
						
  3. sudo and su
			
    sudo bash : change the current user into root su u1: change the current user into u1 useradd: add ne ...
    
			
    4. 
						
  4. 【转】 为SeekBar滑块设置固定值以及自定义Seekbar，progressbar样式--不错
			
    原文网址:http://blog.csdn.net/jdsjlzx/article/details/7804080 最近在项目中使用到了seekbar和progressbar,且必须按照设计要求来进行 ...
    
			
    5. 
						
  5. 进了ACM之后，我才清楚了自己的方向！！！
			
    2015年8月29日,从郴州比完赛后,状况并没有想象中的乐观,我被卡在了一个数学题上,本来以为这个题目真的是很容易,天真的以为打表就可以敲的出来,可是并没有,横在了一个结束条件上面,比完赛后真想抽自己 ...
    
			
    6. 
						
  6. 【转】Linux下查看所有用户及用户组
			
    groups 查看当前登录用户的组内成员groups gliethttp 查看gliethttp用户所在的组,以及组内成员whoami 查看当前登录用户名/etc/group文件包含所有组/etc/s ...
    
			
    7. 
						
  7. hdu 1175 连连看 DFS
			
    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=1175 解题思路:从出发点开始DFS.出发点与终点中间只能通过0相连,或者直接相连,判断能否找出这样的路 ...
    
			
    8. 
						
  8. hdu 3409 最短路树+树形dp
			
    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=3409 参考博客:http://www.cnblogs.com/woaishizhan/p/318981 ...
    
			
    9. 
						
  9. 【最长上升子序列】HDU 1087——Super Jumping! Jumping! Jumping!
			
    来源:点击打开链接 最长上升子序列的考察,是一个简单的DP问题.我们每一次求出从第一个数到当前这个数的最长上升子序列,直至遍历到最后一个数字为止,然后再取dp数组里最大的那个即为整个序列的最长上升子序 ...
    
			
    10. 
						
  10. 记录下mybatis中#{}和${}传参的区别
			
    最近在用mybatis,之前用过ibatis,总体来说差不多,不过还是遇到了不少问题,再次记录下, 比如说用#{},和 ${}传参的区别, 使用#传入参数是,sql语句解析是会加上"&quo ...
    
			
    11.