JavaScript学习笔记（一）：介绍JavaScript的一些简单知识
JavaScript是世界上最流行的编程语言。这门语言可用于HTML和web，更可广泛用于服务器、PC、笔记本电脑和智能手机等设备。
-----------------------------------------------------------
JavaScript的特点如下：
1.它是属于网络的脚本语言。它是因特网上最流行的脚本语言。
2.它被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies，以及更多的应用。
3.它是一种轻量级的编程语言；
4.它是可插入HTML页面的编程代码；
5.它是可插入HTML页面后，可由所有的现代浏览器执行。
6.它很容易学习。
----------------------------------------------------------------
JavaScript的一些简单语句
1.写入HTML输出
实例：
document.write("<p>This is a heading</p>");
tips:
只能在HTML输出中使用document.write.如果在文档加载后使用该方法，会覆盖整个文档。
2.对事件作出反应
实例：
<button type="button" onclick="alert('Welcome')">点击这里</button>
tips:
alert()函数在JavaScript中并不常用，但它常用于代码测试。onclick事件是单击事件。
3.改变HTML内容
实例：
x=document.getElementById("demo"); //查找元素
x.innerHTML="Hello JavaScript"; //改变内容
4.改变HTML图像
本例会动态改变HTML<image>的来源(src): The Light bulb.点击灯泡就可以打开或关闭这盏灯.实例：
<!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>
tips:
JavaScript能够改变任意HTML元素的大多数属性，而不仅仅是图片。
5.改变HTML样式
改变HTML元素的样式，属于改变HTML属性的变种之一。
实例：
x=document.getElementById("demo"); //找到元素
x.style.color="#ff0000"; //改变样式
6.验证输入
JavaScript常用于验证用户的输入。
实例：
<!DOCTYPE html>
<html>
<body>
<h1>This is my first JavaScript</h1>
<p>请输入数字。如果输入值不是数字，浏览器会弹出提示框。</p>
<input id="demo" type="text">
<script>
function myFunction()
{
var x=document.getElementById("demo").value;
if(x==""||isNaN(x))
{
alert("不是数字");
}
}
</script>
<button type="button" onclick="myFunction()">点击这里</button>
</body>
</html>
--------------------------------------------------------------------
【延伸知识】
--JavaScript与Java的区别
JavaScript与Java是两种完全不同的语言，无论在概念上还是设计上。
Java (由Sun发明)是更复杂的编程语言。
JavaScript (由Brendan Eich发明)。它于1995年出现在Netscape中(该浏览器已停止更新)，并于1997年被ECMA(一个标准协会)采纳。
ECMA-262是JavaScript标准的官方名称。
JavaScript学习笔记（一）：介绍JavaScript的一些简单知识的更多相关文章
- 1.1（JavaScript学习笔记）、JavaScript基础
一.JavaScript简介 JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型. 它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端 ...
- Javascript学习笔记2.2 Javascript与DOM选项卡（滑动门）案例详解
学习了DOM的知识,今天开始做些练习,想到了一个网页滑动门的特效,见下图: 1.通过建立索引实现 <!doctype html> <html> <head> < ...
- JavaScript学习笔记——1.了解JavaScript
百度百科: JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果.通常JavaScript脚本是通过嵌入在HT ...
- Javascript学习笔记2.1 Javascript与DOM简介
DOM(文档对象模型)简介 DOM(文档对象模型)针对HTML和XML文档的一个API. DOM可以将任何HTML或XML文档描绘成由多层节点构成的树形结构,它是中立于平台和语言的接口,允许程序和脚本 ...
- JavaScript学习笔记系列1:JavaScript的是什么？
一.JS是什么? JavaScript作为Netscape Navigator浏览器的一部分首次出现在1996年.它最初的设计目标是改善网页的用户体验. 作者:Brendan Eich 期初JavaS ...
- JavaScript:学习笔记(5)——箭头函数=>以及实践
JavaScript:学习笔记(5)——箭头函数=>以及实践 ES6标准新增了一种新的函数:Arrow Function(箭头函数).本文参考的链接如下: MDN箭头函数:https://dev ...
- javascript学习笔记(四) Number 数字类型
数字格式化方法toFixed().toExponential().toPrecision(),三个方法都四舍五入 toFixed() 方法指定小数位个数 toExponential() 方法 用科学 ...
- Java程序猿的JavaScript学习笔记（汇总文件夹）
最终完结了,历时半个月. 内容包含: JavaScript面向对象特性分析,JavaScript高手必经之路. jQuery源代码级解析. jQuery EasyUI源代码级解析. Java程序猿的J ...
- Java程序猿的JavaScript学习笔记（8——jQuery选择器）
计划按例如以下顺序完毕这篇笔记: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript ...
- Java程序猿JavaScript学习笔记（2——复制和继承财产）
计划和完成在这个例子中,音符的以下序列: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaSc ...
随机推荐
- Java 实现函数回调
在Java里没用委托(delegate)这方法,所以想要实现回调还是有些麻烦.(想了解C#如何实现?请查看:http://www.cnblogs.com/Martin_Q/p/4478494.html ...
- 主页面、iframe之间调用以及传值
主页面.iframe之间的调用和传值,无非就是两个交互形式: 主页面与子页面的交互 子页面之间的交互 接下来要讲的是四种交互传值的方式:利用postMessage方法传值.DOM操作传值.URL方式传 ...
- Unity3D 装备系统学习Inventory Pro 2.1.2 基础篇
前言 前一篇 Unity3D 装备系统学习Inventory Pro 2.1.2 总结 基本泛泛的对于Inventory Pro 这个插件进行了讲解,主要是想提炼下通用装备系统结构和类体系.前两天又读 ...
- 侣行APP
本次要做的是团队共同完成一个项目.由队长组织,全体队员一起讨论分析并完成一款APP的需求调研,分析等工作. 1.团队介绍 队长:杨晓帅 队员 ...
- 解决web浏览器与servlet之间传输数据时出现的乱码问题
1.使用getParam等方法获取请求参数时遇到乱码 浏览器发送的请求参数使用的编码就是打开网页时使用的编码.如果服务器端获取到发过来的请求参数,默认使用ISO8859-1进行解码操作,中文一定会有乱 ...
- C++ MFC控制台输出调试信息
1.#include <conio.h> 2.在需要开启控制台窗口的地方调用 AllocConsole();//注意检查返回值 3.在需要输出调试的时候调用_cprintf等函数 如_cp ...
- Apache与Tomcat的整合
一 Apache与Tomcat比较联系 apache支持静态页,tomcat支持动态的,比如servlet等. 一般使用apache+tomcat的话,apache只是作为一个转发,对jsp的处理是由 ...
- Java Thread 多线程 介绍
1.线程概述 几乎所有的操作系统都支持同时运行多个任务,一个任务通常就是一个程序,每个运行中的程序就是一个进程. 当一个程序运行时,内部可能包含了多个顺序执行流,每个顺序执行流就是一个线程. 2.线程 ...
- final发布视频
final版本发布的视频已上传至秒拍,视频地址: http://m.miaopai.com/show/channel/AHqv~VA7lrk144ONLWrveQ__ 以下是功能截图: ...
- 亲手使用Sencha Touch + phonepag开发Web APP随笔 -- 第一个APP
参考博文: [Phonegap+Sencha Touch] 移动开发1.准备工作 [Phonegap+Sencha Touch] 移动开发2.PhoneGap/Cordova初步使用 经过差不多1 ...