JavaScript在前端技术中的作用??
HTML:它是整个网站的骨架。
CSS: 它是对整个网站骨架的内容进行美化(修饰)
Javascript: 它能够让整个页面具有动态效果
javascript 的引入方式
内部引入方式
直接将 javascript 代码写到 <script type=”text/javascript”> </script>;
外部引入方式
需要创建一个.js文件,在里面书写 javascript代码,然后在 html文件<head>标签中通过 script标签的 src 属性引入该外部的 js 文件;
例如:<script type="text/javascript" src="/js/jquery-1.5.1.min.js"></script>
JavaScript的组成部分?
JacaScript语法?
1.区分大小写;2.变量是弱类型的(String str=”aaa” ,var str=”123”;),统一使用 var 来定义!3.每行结尾的分号可有可无(建议大家写上);
4.注释与 java语言相同。
javascript 数据类型
Javascript 数据类型分为原始数据类型和引用数据类型
原始数据类型:
string、 number、 boolean、 null、 undefined
引用数据类型:
Array Boolean Date Math Number String ReqExp
Array数组的特点
长度可变!数组的长度=最大角标+1
String对象特点:
match() | 找到一个或多个正则表达式的匹配。 |
substr() | 从起始索引号提取字符串中指定数目的字符。 |
substring() | 提取字符串中两个指定的索引号之间的字符。 |
ReqExp对象---正则表达式对象
test | 检索字符串中指定的值。返回 true 或 false。 |
javascript 运算符
其它运算符与 java 大体一致,需要注意其等性运算符。
== 它在做比较的时候会进行自动转换。
=== 它在做比较的时候不会进行自动转换。
获取元素内容
获取元素
document.getElementById(“id 名称”);
获取元素里面的值
document.getElementById(“id 名称”).value;//如果 id 是一个字符串,那么必须加上引号,如果是一个变量那么不需要
javascript 事件
表单提交事件: onsubmit
javascripte 的输出
警告框: alert();
向页面指定位置写入内容: innerHTML(属性)
向页面写入内容: document.write(“”);
BOM 对象
BOM 对象:浏览器对象模型(操作与浏览器相关的内容),每个对象都有一些方法,要用时候去看文档
Window 对象(当前窗口对象)
Location对象(当前URL信息)
History对象(访问历时URL)
Navigator对象(浏览器信息)
Screen对象(屏幕相关)
Document 对象
Element对象
Attribute对象