<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. HDOJ(HDU) 2502 月之数(进制)
			
    Problem Description 当寒月还在读大一的时候,他在一本武林秘籍中(据后来考证,估计是计算机基础,狂汗-ing),发现了神奇的二进制数. 如果一个正整数m表示成二进制,它的位数为n(不 ...
    
			
    2. 
						
  2. NHibernate遇到的问题集  持续更新。
			
    问题1: “NHibernate.TypeMismatchException”类型的异常在 NHibernate.dll 中发生,但未在用户代码中进行处理 其他信息: Provided id of t ...
    
			
    3. 
						
  3. 转：VS2010解决方案转换到VS2008
			
    原文链接地址:http://www.codeproject.com/Tips/80953/Converting-VS2010-Solution-to-VS2008 如果你使用VS2010的任何版本写代 ...
    
			
    4. 
						
  4. VirtualBox扩展Ubuntu磁盘空间
			
    有时候我们在使用virtualBox虚拟机时,创建虚拟机时并没有考虑到所占用硬盘大小,后来可能磁盘空间不够用了. 以下方法可以帮你扩展虚拟机的存储空间(以下Ubuntu为例). 1. 在宿主机器进入V ...
    
			
    5. 
						
  5. maven配置信息查询
			
    如何在pom.xml配置一个jar相关信息(如groupId,artifactId,version),请参考以下网址(在对应的搜索框中输入jar包名): http://mvnrepository.co ...
    
			
    6. 
						
  6. VMware vSphere 服务器虚拟化之二十五 桌面虚拟化之终端服务池
			
    VMware vSphere 服务器虚拟化之二十五 桌面虚拟化之终端服务池 终端服务池是指由一台或多台微软终端服务器提供服务的桌面源组成的池.终端服务器桌面源可交付多个桌面.它具有以下特征: 1.终端 ...
    
			
    7. 
						
  7. Android自定义Toast宽度无法设置问题解决
			
    在项目中想要实现一个头部的toast提示效果,类似下图  再实现的过程中发现,如果直接通过修改Toast的View布局的父控件宽度是无法实现效果的,后来是通过直接用代码指定父控件内部的textview ...
    
			
    8. 
						
  8. Business Analysis and Essential Competencies
			
    Requirements Classification Schema http://files.cnblogs.com/files/happlyonline/BABOK.pptx http://fil ...
    
			
    9. 
						
  9. Jinja2模版语言自定义filter的使用
			
    Jinja2模版语言,自带有一些filter,能够在前端的模版中控制数据按照相应的方式显示.比如以下两种filter,分别能在前端控制数字的近似精度显示和根据字符串长度补齐: round(value, ...
    
			
    10. 
						
  10. 浙江大学PAT上机题解析之1015. 德才论 (25)
			
    宋代史学家司马光在<资治通鉴>中有一段著名的“德才论”:“是故才德全尽谓之圣人,才德兼亡谓之愚人,德胜才谓之君子,才胜德谓之小人.凡取人之术,苟不得圣人,君子而与之,与其得小人,不若得愚人 ...
    
			
    11.