<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. 模拟I2C从机程序
			
    ;Slave.asm SCL BIT P1. SDA BIT P1. ;---------------------------- ORG RESET: SETB SCL SETB SDA CALL I ...
    
			
    2. 
						
  2. 【Linux】鸟哥的Linux私房菜基础学习篇整理（九）
			
    1. quotacheck [-avugfM] [/mount_point]:扫描文件系统并创建Quota配置文件.参数:-a:扫描所有在/etc/mtab内,含有quota支持的文件系统,加上此参数 ...
    
			
    3. 
						
  3. Unity NGUI的多分辨率适配
			
    参考链接:http://blog.csdn.net/mfc11/article/details/17681429,作者:CSDN mfc11 1.NGUI默认的适配方式: NGUI默认是适配方式是根据 ...
    
			
    4. 
						
  4. bzoj2730
			
    首先不难想到要先求割顶,求割顶的方法白书上有讲解由于是一个矿崩塌,所以假如一个连通块连接了两个以上割顶,那么这个连通块内显然是不用设出口的连接块只连接了一个割顶,那么出口可以设在这个连通块内任意位置由 ...
    
			
    5. 
						
  5. 「Poetize5」GF弹钢琴
			
    描述 Description 现在PianoEater有一架有52个白键和 36个黑键的钢琴,并且他要弹奏的曲子只需要按白键.在同一时刻,他只用弹奏一个音符.如果这个音符不移动大拇指就可以按到,那么他 ...
    
			
    6. 
						
  6. Unique Paths ——LeetCode
			
    A robot is located at the top-left corner of a m x n grid (marked 'Start' in the diagram below). The ...
    
			
    7. 
						
  7. [tools] sublime 使用记录
			
    1. 目录下的文本搜索功能(自带) 1). 把文件夹拖到 sublime 上 2). 在 sublime 上展开要搜索的目录,右击,选择[find in folder] 2. sublime cons ...
    
			
    8. 
						
  8. SRM 405(1-250pt, 1-500pt)
			
    DIV1 250pt 题意:以linux系统中文件系统的路径表示方法为背景,告诉你某文件的绝对路径和当前位置,求相对路径.具体看样例. 解法:模拟题,不多说.每次碰到STL的题自己的代码都会显得很sb ...
    
			
    9. 
						
  9. Mac OS X 程序员利器 – Homebrew安装与使用
			
    Mac OS X 程序员利器 – Homebrew安装与使用 Homebrew安装与使用 什么是Homebrew? Homebrew is the easiest and most flexible  ...
    
			
    10. 
						
  10. POJ 3978 Primes(求范围素数个数)
			
    POJ 3978 Primes(求范围素数个数) id=3978">http://poj.org/problem? id=3978 题意: 给你一个区间范围A和B,要你求出[A,B]内 ...
    
			
    11.