<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. JAVA NIO 简介(转)
			
    1.   基本 概念 IO 是主存和外部设备 ( 硬盘.终端和网络等 ) 拷贝数据的过程. IO 是操作系统的底层功能实现,底层通过 I/O 指令进行完成. 所有语言运行时系统提供执行 I/O 较高级 ...
    
			
    2. 
						
  2. <未测>源码升级安装glibc和rpm升级glibc
			
    源码升级安装glibc和rpm升级glibc http://jacklin9.spaces.live.com/blog/cns!A891B52E1182AFB2!346.entry http://bl ...
    
			
    3. 
						
  3. bzoj3230
			
    以前觉得这题好难,现在觉得这题还是挺简单首先看到类似LCP问题不难想到后缀数组吧前后的相似需要我们分别做一个后缀数组和“前缀数组”(就是把字符串反向然后跑后缀数组)这道题的难点就在于如何确定子串是什么 ...
    
			
    4. 
						
  4. 【转】深入了解android平台的jni---注册native函数
			
    原文网址:http://my.oschina.net/u/157503/blog/169041 注册native函数有两种方法:静态注册和动态注册. 1.静态注册方法 根据函数名找到对应的JNI函数: ...
    
			
    5. 
						
  5. 【转】 java中HashMap详解
			
    原文网址:http://blog.csdn.net/caihaijiang/article/details/6280251 java中HashMap详解 HashMap 和 HashSet 是 Jav ...
    
			
    6. 
						
  6. CodeForces 591A
			
    题目链接: http://codeforces.com/problemset/problem/591/A 题意: a,b两个相距L距离,两个分别以p,q速度从左右两个端点出发,每次相遇后,又以原来的速 ...
    
			
    7. 
						
  7. I - Arbitrage
			
    题目大意:套汇 套利是使用货币汇率的差异将一个单位的货币转换为多个相同的货币单位,例如1美元可以买0.5英镑,1英镑可以买10法郎,1法郎可以买0.21美元,然后聪明的人经过一些列兑换可以得到 1*0 ...
    
			
    8. 
						
  8. android 客户端 和 新浪微博如何打通的
			
    微博SDK 为开发者 提供访问oauth2.0 授权认证,并集合sso登录功能,使用第三方应用可通过 新浪微博的 登录操作 提供微博分享功能,可直接通过微博客户端分享微博 名词解释 AppKey 分配 ...
    
			
    9. 
						
  9. Swing实现文件选择（目录选择）附导出
			
    具体生成工具如图: (1) (2) (3) (4) 源码 : example.java package org.qiailin.jframe; import java.awt.Container; i ...
    
			
    10. 
						
  10. javaweb项目的优化 - 几番思念
			
    简单地来看一个浏览器用户访问的流程: 浏览器->服务器->返回结果显示  这么简单地看,可能想得到的优化手段很少,常见的可能就是优化sql,加快数据库处理:加个缓存,加快返回:使用静态文件 ...
    
			
    11.