Javascript基础学习(一）

来源：互联网发布：数据作假编辑：程序博客网时间：2024/05/15 10:43

首先明确一点，javascript和java半毛钱的关系都没有，两个完全是不同的语言．javascript是一个叫Brendan Eich的人设计出来的，这哥们在两周之内设计出了JavaScript语言。你没看错，这哥们仅仅只用了10天时间。什么是大神，或许这就是大佬吧，一旁瑟瑟发抖．

我的第一段 Javascript

Javascript 能改变 HTML 元素的内容。

<!DOCTYPE html><html><body><h1>我的第一段 JavaScript</h1><p id="demo">JavaScript 能改变 HTML 元素的内容。</p><script>function myFunction(){x=document.getElementById("demo");  // 找到元素x.innerHTML="Hello JavaScript!";    // 改变内容}</script><button type="button" onclick="myFunction()">点击这里</button></body></html>

JavaScript：对事件作出反应

实例

<button type="button" onclick="alert('Welcome!')">点击这里</button>

<!DOCTYPE html><html><body><h1>我的第一段 JavaScript</h1><p>JavaScript 能够对事件作出反应。比如对按钮的点击：</p><button type="button" onclick="alert('Welcome!')">点击这里</button></body></html>

JavaScript：改变 HTML 图像

本例会动态地改变 HTML <image> 的来源 (src)：

<!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>

我的第一段 Javascript

Javascript 能改变 HTML 元素的样式。

<!DOCTYPE html><html><body><h1>我的第一段 JavaScript</h1><p id="demo">JavaScript 能改变 HTML 元素的样式。</p><script>function myFunction(){x=document.getElementById("demo") // 找到元素x.style.color="#ff0000";          // 改变样式}</script><button type="button" onclick="myFunction()">点击这里</button></body></html>



我的第一段 JavaScript
请输入数字。如果输入值不是数字，浏览器会弹出提示框
<!DOCTYPE html><html><body><h1>我的第一段 JavaScript</h1><p>请输入数字。如果输入值不是数字，浏览器会弹出提示框。</p><input id="demo" type="text"><script>function myFunction(){var x=document.getElementById("demo").value;if(x==""||isNaN(x)){alert("Not Numeric");}}</script><button type="button" onclick="myFunction()">点击这里</button></body></html>


                                                     0        0           	
					
					   JavaScript学习基础（一）
	  	   JavaScript 基础学习（一）
	  	   JavaScript基础学习(一）
	  	   Javascript基础学习(一）
	  	   javaScript基础学习（一）
	  	   JavaScript基础学习（一）
	  	   JavaScript基础学习（一）
	  	   JavaScript基础学习(一)-基础
	  	   javascript学习笔记 （一）-函数基础
	  	   JAVASCRIPT学习笔记基础（一）
	  	   javascript 基础学习（一）定义类
	  	   javaScript基础学习笔记（一）
	  	   Javascript学习笔记（一） -- 基础语法
	  	   JavaScript学习总结（一）基础部分
	  	   Javascript学习笔记（一） -- 基础语法
	  	   JavaScript学习总结（一）基础部分
	  	   JavaScript学习（一）之基础篇
	  	   javascript学习基础要点（一）
	     		  
	  	   为员工植入芯片，反人性还是提高效率？
	  	   为什么使用三层
	  	   主席树——总（mu）结(ban)
	  	   CodeForces 731 D.80-th Level Archeology（水~）
	  	   贪心算法-活动安排问题
	  	   Javascript基础学习(一）
	  	   2017 实习生 阿里巴巴 java笔试题 逆波兰表达式
	  	   C++万能头文件
	  	   关于iOS中的颜色
	  	   插入排序算法的简单实现
	  	   用虚拟机来搭建真实的DOS环境。
	  	   html5 <script> async和defer
	  	   JS数组 学习笔记
	  	   Python使用UUID库生成唯一ID