JavaScript
为什么要学习javascript
JS是属于web的编程语言，html给出了web页面的元素，css解决了web页面元素的布局问题，想要实现web页面的动态效果就需要使用JS。
使用JS可以有效地减轻服务器的压力
JS特点
基于事件和对象驱动的安全的脚本语言
向html页面添加交互行为
脚本语言，语法和Java类似
解释型语言，边执行边解释
JS基本结构
<script type="text/javascript">
/*以往的浏览器对于JS的支持并不友好。
*script标签可以放在head标签下也可以放在body标签中，考虑到加载时间建议放到body标签的底部
*你可以在标签内部写JavaScript语句
*看下面的例子举一反三
*也可以给script标签添加src属性导入外部JS
*/
window.document.write("value");
window.document.write("<p>value<p/>");
<script/>
<script type="text/javascript" src="js/index.jx "><script/>
JavaScript组成
JavaScript
ECMAScipt
DOM
BOM
JS原理
浏览器向服务器发送请求，服务器解析html和JS并响应浏览器发送数据
事件
- onclick 单击事件
- onmouseover 鼠标悬停事件
- onload 一个页面或者一幅图像完成加载
- onkeydown 某个键盘中的键被按下
- onkeyup 键盘中的某个键回弹
- onpress 键盘中的按下并回弹
- onchange 域的内容被更改
JavaScript语法
变量 数据类型 数组 运算符号 控制语句 注释 输入/输出 语法约定
<script type="text/javascript">
//声明变量
var name="value";
var num=6;
//typeof(var_name)用于获取变量类型
//数据类型 string number boolean undefined null object
//alert(参数)浏览器弹窗函数
//属性 length 属性和方法都是用"."符号和变量分割
//函数 indexOf() subString(index1,index2)左闭右开区间，
// split(str) str的值可以为"" or "," 将字符串拆分为数组以str中的符号间隔
var arrayName = new Array(7);//初始值为undefined类型
//join(str) str的值为"-"或其他符号 将数组转换为字符串用符号连接
//sort() 对数组进行排序
//push() 向数组新增元素并返回新的长度
<script/>
运算符、逻辑控制（分支、循环）
与Java语法上相似，不再赘述
break continue return
注释
<script type="text/javascript">
//单行注释
/*
*多行注释
*/
<script/>
常用输入输出
alert(str);弹框提示
prompt(str1,str2);提示并获取用户输入，获取到的信息都是string类型
语法约定
区分大小写 标识符 使用分号
调试
进入开发者模式在浏览器中打断点一步一步进行调试
function函数
常用系统函数
parseInt(str) 字符串转换为数值类型 整数和小数
parseFloat(str)
isNaN() 非数值类型判断
自定义函数
<script type="text/javascript">
function funName(num1,num2){
//在这里写方法,参数列表中不需要标识符var
//使用funName(实际参数列表)直接调用函数
}
<script/>
|