<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. Spark运行各个时间段的解释
			
    package org.apache.spark.ui private[spark] object ToolTips {  val SCHEDULER_DELAY =    ""& ...
    
			
    2. 
						
  2. Linux配置支持高并发TCP连接(socket最大连接数)
			
    Linux配置支持高并发TCP连接(socket最大连接数) Linux配置支持高并发TCP连接(socket最大连接数)及优化内核参数 2011-08-09 15:20:58|  分类:LNMP&a ...
    
			
    3. 
						
  3. sql按照in中的顺序进行排序 mysql
			
    经测试以下三种情况,都可以. SELECT a.id,a.name as goods_name,a.logoimg,b.name as store_name FROM sh_goods a LEFT  ...
    
			
    4. 
						
  4. 线性代数（矩阵乘法）：POJ 3233 Matrix Power Series
			
    Matrix Power Series   Description Given a n × n matrix A and a positive integer k, find the sum S =  ...
    
			
    5. 
						
  5. Remove Linked List Elements——LeetCode
			
    Remove all elements from a linked list of integers that have value val. ExampleGiven: 1 --> 2 --& ...
    
			
    6. 
						
  6. tomcat中debug启动和start启动的区别
			
    debug启动tomcat:修改代码不加方法,不加参数,只是单纯的修改方法,不用重启tomcat(热部署). start启动tamcat:修改代码需要重启tomcat.
    
			
    7. 
						
  7. ARES
			
    ARES规划是恒生公用技术平台规划,以敏捷Agility.重用性Reused.扩展性Extend.简单性Simple为核心特性与价值取向,规划涉及ARES Server运行支撑平台.ARES Stud ...
    
			
    8. 
						
  8. angularJS $watch $digest $apply
			
    一 简介AngularJS提供了一个非常酷的特性叫做双向数据绑定(Two-way Data Binding),这个特性大大简化了我们的代码编写方式.数据绑定意味着当View中有任何数据发生了变化,那么 ...
    
			
    9. 
						
  9. 使用国人的koala来重新预编译BOOTSTRAP的LESS文件
			
    好玩...
    
			
    10. 
						
  10. OS开发 touch事件的优先级和事件传递
			
    界面类的对象一般都是可以接触点击事件的,只不过有的默认接受,有的需要设定属性. userInteractionEnabled 属性设置为YES的时候就可以接受点击事件了 - (void)touches ...
    
			
    11.