javascript进击（一）简介
javascript是属于网络的脚本语言（javascript与java就像老婆与老婆饼，并没有关系）
页面静态效果：HTML+CSS
为页面添加动态效果：javascript
JavaScript 是可插入 HTML 页面的轻量级编程语言，插入 HTML 页面后，可由所有的现代浏览器执行。
提示：JavaScript 是脚本语言。浏览器会在读取代码时，逐行地执行脚本代码。而对于传统编程来说，会在执行前对所有代码进行编译。
JavaScript能做什么？
1.增强页面动态效果(如:下拉菜单、图片轮播、信息滚动等)
2.实现页面与用户之间的实时、动态交互(如:用户注册、登陆验证等)
3.可以用来改进设计、验证表单、检验浏览器、创建cookies以及更多应用。
（一）写入HTML输出
注意：只能在 HTML 输出中使用 document.write。如果在函数里使用（在文档完成加载时），调用函数后会覆盖整个文档。
提示：可以使用<br>标签换行，也可以使用反斜杠“\”换行
（二）对事件做出反应
提示：alert()函数更多地应用于代码测试
（三）改变HTML内容
x=document.getElementById("demo"); // 找到元素
2 x.innerHTML="Hello JavaScript!"; // 改变内容
访问HTML元素要用DOM(文档对象模型),document.getElementByID("some id")是其中的一种方法。
（四）改变HTML图像
<!DOCTYPE html>
<html>
<body>
<script>
function changeImage()
{
element=document.getElementById('myimage')
if (element.src.match("b"))
{
element.src="q.gif";
}
else
{
element.src="a.gif";
}
}
</script>
<img id="myimage" onclick="changeImage()" src="a.gif">
<p>点击图片变换图片</p>
</body>
</html>
（五）改变HTML样式（属于改变HTML属性的变种）
x=document.getElementById("demo") // 找到元素
x.style.color="#ff0000"; // 改变样式
（六）验证输入(常用于验证用户的输入)
<script>
function myFunction()
{
var x=document.getElementById("demo").value;
if(x==""||isNaN(x))
{
alert("Not Numeric");
}
}
</script>
注意：HTML 中的脚本必须位于 <script> 与 </script> 标签之间。但脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。
提示：浏览器会解释并执行位于 <script> 和 </script> 之间的 JavaScript。老版本中<script> 标签中需要使用 type="text/javascript"。现在已经不必这样做了。JavaScript 是所有现代浏览器以及 HTML5 中的默认脚本语言。
javascript存放的位置：
1.head标签里
2.body标签里
3.以.js结尾的外部文件
提示：外部脚本不能包含 <script> 标签。
javascript注释(用于调试或解释代码)：
单行//
多行/* */
javascript中的变量：
提示：如果向变量赋的值是数值时，不要使用引号。如果用引号包围数值，该值会被作为文本来处理。习惯上，在代码开始处，统一对需要的变量进行声明。
javascript数据类型：
字符串,
数字(可以带小数点也可以通过科学计数法书写),
布尔值(true,false),数组(下标为0),
javascript对象(对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔。对象寻址有两种方式：对象.name或者对象["name"])
提示：Undefined 这个值表示变量不含有值。可以通过将变量的值设置为 null 来清空变量。
声明变量类型：
声明新变量时，可以使用关键词 "new" 来声明其类型。var carname=new String；JavaScript 变量均为对象。当声明一个变量时，就创建了一个新的对象。
javascript对象：
js中多以的事物都是对象，包括函数也是对象，每个对象都带有属性（特征/静态）和方法（动作/动态）
js提供多个内建对象，比如string,Date,Array等，使用前先定义
访问对象属性的语法:objectName.propertyName
访问对象的方法：objectName.methodName()
提示：在面向对象的语言中，属性和方法常被称为对象的成员。
创建新 JavaScript 对象有很多不同的方法，并且还可以向已存在的对象添加属性和方法。
javascript函数：
函数的定义：
function 函数名（）{
函数体；
}
函数的调用：
函数只在你需要的时候起作用，那么如何判断是否需要的，这就是函数调用，调用起来也非常方便，只要直接在需要的位置上写上函数名即可
注意：不不仅在HTML文件中可以调用，在<script>标签内也可以调用。
有参数的函数：
function 函数名（参数1,...,函数n）{
函数体；
}
注意：参数可以多个，看情况定义。
返回值的函数：
当我们想对函数的结果进行处理的时候，就需要一个返回值，然后再把返回值赋值给某种东西进行处理。
提示:在您仅仅希望退出函数时 ，也可使用 return 语句。返回值是可选的.
局部 JavaScript 变量:
在 JavaScript 函数内部声明的变量（使用 var）是局部变量，所以只能在函数内部访问它。（该变量的作用域是局部的）。
您可以在不同的函数中使用名称相同的局部变量，因为只有声明过该变量的函数才能识别出该变量。
只要函数运行完毕，本地变量就会被删除。
全局 JavaScript 变量:
在函数外声明的变量是全局变量，网页上的所有脚本和函数都能访问它。
JavaScript 变量的生存期:
JavaScript 变量的生命期从它们被声明的时间开始。
局部变量会在函数运行以后被删除。
全局变量会在页面关闭后被删除。
向未声明的 JavaScript 变量来分配值
如果把值赋给尚未声明的变量，该变量将被自动作为全局变量声明。
javascript进击（一）简介的更多相关文章
- 转：JavaScript事件冒泡简介及应用
(本文转载自别处) JavaScript事件冒泡简介及应用 一.什么是事件冒泡 在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理 ...
- Javascript Proxy对象 简介
Javascript Proxy对象 简介 Javascript Proxy对象 改变你操作对象的方式 Proxies 是Javasript对象的中间件 ...或者说至少是那种很早的版本. ES6 中 ...
- javascript进击（三）简介
JavaScript 表单验证(可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证) 被 JavaScript 验证的这些典型的表单数据有: 用户是否已填写表单中的必填项目? 用户输 ...
- Javascript学习笔记2.1 Javascript与DOM简介
DOM(文档对象模型)简介 DOM(文档对象模型)针对HTML和XML文档的一个API. DOM可以将任何HTML或XML文档描绘成由多层节点构成的树形结构,它是中立于平台和语言的接口,允许程序和脚本 ...
- JavaScript基础（简介、语法）
一.JavaScript简介 1.JavaScript是个什么东西? 它是个脚本语言,需要有宿主文件,它的宿主文件是HTML文件. 2.它与Java什么关系? 没有什么直接的联系,Java是Sun公司 ...
- Javascript学习笔记3 Javascript与BOM简介
什么是BOM BOM是browser object model的缩写,简称浏览器对象模型 BOM提供了独立于内容而与浏览器窗口进行交互的对象 由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象 ...
- JavaScript事件冒泡简介及应用
一.什么是事件冒泡 在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事 件处理程序或者事件返回true,那么这个 ...
- JavaScript/jQuery选择器简介
DOM提供的选择器 选择器是帮助我们选择页面元素的工具,在网站制作中常常会涉及到某个元素的改变,通过选择器提取这些元素可以很轻易的实现(DOM术语把所说的“元素”称作是“节点”).JavaScript ...
- javascript进击（九）参考手册
完整的 Number 对象参考手册 如需可用于 Number 对象的所有属性和方法的完整参考,请访问我们的 Number 对象参考手册. 该参考手册包含每个属性和方法的描述和实例. 完整的 Strin ...
随机推荐
- 【DataStructure In Python】Python实现各种排序算法
使用Python实现直接插入排序.希尔排序.简单选择排序.冒泡排序.快速排序.归并排序.基数排序. #! /usr/bin/env python # DataStructure Sort # Inse ...
- bzoj1823
第一道2sat, 其实2sat问题不难,只要记住一个:通过“推导出”连边 什么意思呢?就是一般题目中的变量都有两个状态,只能取一个,我们定义为true和false 对于每一个变量i,我们都拆成两个点, ...
- Samba nsswitch/pam_winbind.c文件输入验证漏洞
漏洞名称: Samba nsswitch/pam_winbind.c文件输入验证漏洞 CNNVD编号: CNNVD-201312-047 发布时间: 2013-12-05 更新时间: 2013-12- ...
- $destroy
ng-view 路由切换会触发 $destroy
- EasyUI中datagrid的行编辑模式中，找到特定的Editor，并为其添加事件
有时候在行编辑的时候,一个编辑框的值要根据其它编辑框的值进行变化,那么可以通过在开启编辑时,找到特定的Editor,为其添加事件 // 绑定事件, index为当前编辑行 var editors = ...
- 一例胜千言，详谈SQL Sever数据库锁
1 前言 数据库大并发操作要考虑死锁和锁的性能问题.看到网上大多语焉不详(尤其更新锁),所以这里做个简明解释,为下面描述方便,这里用T1代表一个数据库执行请求,T2代表另一个请求,也可以理解为T1为一 ...
- spring-- 事务--9
9.1 数据库事务概述 事务首先是一系列操作组成的工作单元,该工作单元内的操作是不可分割的,即要么所有操作都做,要么所有操作都不做,这就是事务. 事务必需满足ACID(原子性.一致性.隔离性和持久性 ...
- UVA 540 Team Queue
思路:使用优先队列,按队伍出现的时刻和自身出现的时刻定义优先级,同时记录此时刻队列里是否有自己队伍的人,一开始没注意,wa了两发. #include<map> #include<qu ...
- POJ 2406
思路:由于题目要求的是最大值,因此从n开始向下查找,第一次出现的满足条件的那个数就是最大的,查找就可以结束,如果查找到1是仍未找到合适的值,则为1,就是说不是任何字符串的次方如abcd #includ ...
- QT-opencv小结
gcc –v 4.5 cmake编译opencv 2.4.4 ox00000005错误(gcc版本不对) gcc –v4.5 <----------qt 推荐打包,而不是static