javascript：用来在页面中编写特效的，和html\css一样都是由解析的
一、js如何运行（javascript,jscript,vbscript,applet...）
默认： <script language="javascript" type="text/javascript"></script>
二、输出
alert(什么类型都可以);
document.write("字符串");
三、如何在html文档中使用js
1、使用<script></script>将js语法嵌入到html中，可以使用多个，每一个之间都是有关联的
2、herf="javascript：js代码";
3、事件中(后面有介绍)
4、写到外部文件中(.js)<script src+"文件位置"></script>
js语法：
命名规范：
1、一定要有意义
2、不能以数字开头，不能是的关键字
大小写：javascript 区分大小写
变量名和函数名 第一个单词小写 以后每个单词首字母大写 例如： aaabbbccc getelemrntbyid();
对象：每个单词首字母都要大写 date( ); new object( );
分号：
功能执行语句：加分号 var a=10; alert( );
结构定义语句：不加分号 if(){ } funvtion(){ } for(){ }
注释：
// 单行
/* */ 多行 写注释文档 或者 调试程序使用
四、变量
var a =10; 有var就是声明
a =20; 没有就是赋值
注意1：变量声明后是放进了内存里，浏览器关闭后才释放的，在没关闭之前可以随时使用
声明：var 变量名=值
注意2：javascript是弱类型语言(和php相同)
五、数据类型
typeof(变量);
1、number ( 包括 int float double) 注意：计算时还是按 整型和浮点型分开使用
2、string ( 包括 string char)
3、boolean (任何类型都可以变成boolean类型)
4、object (包括 object array null) 注意：分别处理
5、undefined 没有声明变量
6、function
整数：
var a =10;
var a =045;八进制
var a =0xff;十六进制
浮点：
var f=10.5;
var f=10.55;
var f=10.5e*10;科学计数法
字符串：
" " 里面不能包括" "
' '
没有区别 所有转义都可以使用 (\" \n)
+连接两个字符串
六、运算符和表达式
算术运算符号：+ - * / % ++ --
+ 有加法
+ 连接字符串 (任何数字后面加上了字符后，都会变成字符)
% 作用：一种是被整除 一种求一段范围 (所以用整数 不要用浮点数)（正负求余由前段的数决定）
赋值运算符号：= += -= *= /= %=
条件运算符号：> < == != >= <= === !==
两边比较时也要使用相同类型，boolean型
逻辑运算符号：&& || !
位运算符号 ：>> >>> << | 或 &与 ~取反
其他运算符号：? :
七、流程控制
顺序结构
条件结构---分支结构---选择结构
1、单路分支
if(boolean){ }
2、双路分支
if(boolean){
}else{ }
3、多路分支
(1) if(boolean){
}else if(){
}.....
else {
}
(用于范围)
(2)switch(变量){ //这里的变量最好用整型或者字符串
case 值1：
表达式(表达式就是有变量和运算符)
[break;]
......
case 值2：
[default]
}
(用于单个值匹配)
4、嵌套分支
if(boolean){
if( ){
switch( ){ }
}
}else{
for( ){
while( ){ }
}
}
循环结构
while( ) 先判断再执行 条件型循环
do-while( ) 先执行再判断
for( ) 技术型循环
八、函数
javascript中的函数
函数：是一段完成“指定功能”的已经“命名”的代码段
函数只能“调用”才能使用到，调用：就是通过名称(可以在声明之前，也可以在声明之后)
test( );
function test( ){
功能段(一条，或多条)
return 值 (函数遇到return后就不会再执行)
}
test( );
1、函数名
2、参数：根据需要使用参数
3、函数体(功能)
4、返回值(可选)
函数名不加( )时，这个函数名就代表整个函数 (函数也可以是变量)
作为构造函数的函数首字母要大写，以区别其它函数
回调函数，声明
情况：
1、函数的作用-------决定我去不去使用
2、函数的参数-------决定我怎么用
3、返回值 -------决定我调用后如何处理
应用：
全局
局部：在函数内部声明变量
var test=10;//全局，在函数外面声明的变量 共用
function demo( ){
test+=20;
}
demo();
demo();
alert(test);//输出50
javascript是基于对象(所有的都是对象的使用形式 都是放进了window对象，windows可以省略)
全局对象：global对象和方法：escape方法 |eval方法 |isfinite方法 |isnan方法 |parsefloat方法 |parseint方法 |unescape方法
九、对象
1、基于对象的操作方式(面向对象封装、继承、多态)
2、将相关的操作使用一个对象完成，看作是一个整体
javascript php
对象 类
对象实例 对象
字符串对象
数学对象
数组
时间对象
对象中存的内容： 一、属性(变量)
二、方法(函数)
都是和这个对象相关的
一、声明对象(3种方式)
1. 使用object构造函数来创建一个对象
var person = new object();
person.name="kevin";
person.age=31;
alert(person.name);
alert(person["name"])
2. 使用对象字面量创建一个对象
var person =
{
name:"kevin",
age:31,
5:"test"
};
alert(person.name);
alert(person["5"]);
3. 使用工厂模式创建对象,返回带有属性和方法的person对象
function createperson(name, age,job)
{
var o = new object();
o.name=name;
o.age=31;
o.sayname=function()
{
alert(this.name);
};
return o;
}
createperson("kevin",31,"se").sayname();
详细的：https://www.cnblogs.com/wangjq/p/3755691.html
w3school：https://www.w3school.com.cn/js/js_objects.
二、使用自己的对象
三、使用系统的对象
步骤：
1、找到对象
2、实例化对象
3、操作对象
对象实例.属性 (取值，赋值)
对象实例["属性名"]
对象实例.方法( )
自定对象
var pro="";
for(pro in document){//遍历
document.write("document."+pro+"="+document[pro]+"<br>");
}
with(对象){
所有对方法如果不加对象都是，括号对象的方法
}
document.write("<table>");
document.write("<tr>");
document.write("</td>");
document.write("</table>");
with(document){
write('<table>');
write('</table>');
}
对象的应用：
for(变量 in 对象){
}
with(对象){
}
十、内置js对象
熟悉：array对象 date对象 global对象 math对象 object对象 正则表达式对象(regexp) string对象 (对象第一个字母大写)
十一、数组
一、数组的作用：只要是批量的数据都需要使用数组声明
二、如何声明数组
1、快速声明数组的方法
var 数组名=[元素1，元素2，...，.....，];
例：
var names=["张三","李四","王五"];
var tems=["abc",10,12.34,true];
var arrs=[
["111","222"],
["aaa","bbb"],
["333","ccc"]
];
alert(arrs[1][1]);
2、声明方式：
使用array对象
声明一个数组 var arr=new array("成员","成员n");
var str="abc";
var str=new string("abc");
如对本文有疑问， 点击进行留言回复！！
offset、client、scroll (width,height、left,top、X,Y)
我要评论
网友评论