数据类型
未定义undefine,
空null,
布尔行Boolean,
字符串string,
数值number,
对象Object,
引用Reference,
列表list
比较操作符 == , != , > , < , >= ,<= 大家可以从字面理解他的意思
逻辑操作符 &&与,||或,!非
变量命名:字母+下划线
变量定义:var
Var str = ‘1’;
Var str_object = new Object();
Var str_array = new Array();
条件语句: if , switch
if(true){
//需要执行的代码
}else{
//需要执行的代码
}
switch(exp){
case "value":fun
break;
}
循环语句:
while(){},do{} while(), for(var i=0;i<10;i++){}
var i = 10;
while(i > 10){
alert(i);
i--;
}
var i = 10;
do{
//alert(i);
i--;
}
while(i>10);
for(var i=0;i<10;i++){
//alert(i);
}
函数:
Function funname(){
}
window 对象
open("url","target","height=,weight=,top=,left=,resizeable=yes") 打开一个页面
close() 关闭页面
confirm(),//弹出一个确认框
code:
演示confirm函数删除
<div id="fid_1">我们很好 <a href="index.php?fid=1" delfid('fid_1')"> 删除
</a></div>
<script>
function delfid(obj){
if(confirm('你要删除这个信息吗')){
//进行我们的删除任务或跳转
//document.getElementById(obj).innerHTML = '';
}else{
//alert('什么都没有做');
return false;
}
}
</script>
prompt() //获取用户输入
code:
演示prompt函数删除
<div id="fid_1">演示prompt函数删除</div>
<a href="void(0)" checkPrompt();">增加文字
<script>
function checkPrompt(){
var str = prompt('请输入一句话','我要说话了');
if(str != ""){
document.getElementById('fid_1').innerHTML = str;
}
}
</script>
history(){.go(-1),.back(),.forword()}//返回上个页面
document 对象:
属性(anchors瞄集合,forms表单集合,images图象集合,links连接集合)
<script>
var mylinks = document.links;
for(var i=0;i<mylinks.length;i++){
mylinks[i].target = "_blank";
}
document.write();//输出内容
</script>
location 对象:
href="url",replace("url"),reload(false/true) 跳转/替换/重载
alert(str)//弹出确认框
系统函数:
//判断字符的长度
var str = "js学习,需要不断实践";
//alert(str.length);
var MyString = "abcdefghijkl";
//截取字符
//slice(star,end),substring(star,end),substr(star,length)
//alert(MyString.slice(1,-3));//返回结果为es
//alert(MyString.substring(1,-3));//等于1,0
//alert(MyString.substr(1,1));//获取一定一定长度的字符
//查询字符串
//indexOf(char,star),lastIndexOf(char,star) //返回所在的位子
//alert(MyString.indexOf("c",2));
//alert(MyString.lastIndexOf("j",8));
//获取字符类型 typeof()
//alert(typeof(MyString));
//类型转换toString(),parseInt(),parseFloat()
//MyString.toString();
//var MyString = "1d12d";
//alert(parseInt(MyString));
//数组
var aColor = new Array();
//alert(typeof(aColor));
aColor[0] = "blue";
aColor[1] = "green";
aColor[2] = "red";
//alert(aColor.length);//长度
//数组转化为字符
//alert(typeof(aColor.toString()));
//alert(aColor.toString().length);
//alert(aColor.join("|"));//用指定字符连接
//字符转化为数组split()
//alert(typeof(str.split(",")));
//对数组元素反序reverse()
//alert(aColor.reverse());
//字符串反序
//alert(MyString.split("").reverse().join(""));
//排序sort();
//入栈 出栈
//aColor.push("yellow");
//alert(aColor);
//alert(aColor.pop());
parseInt() 函数可解析一个字符串,并返回一个整数
parseInt("10"); //返回 10
parseFloat();函数可解析一个字符串,并返回一个
Math 对象方法
abs(x) 返回数的绝对值。
ceil(x) 对数进行上舍入。
max(x,y) 返回 x 和 y 中的最高值。
min(x,y) 返回 x 和 y 中的最低值。
round(x) 把数四舍五入为最接近的整数。
和HTML相关:
获取页面某个ID 元素 value
<input id=”obj” value=”obj” />
<script>
var str = document.getElementById(‘obj’).value;
alert(str);
//如果设置值
//document.getElementById(‘obj’).value = ‘设置值’;
</script>
获取页面某个ID 元素 内容
<div id=”obj” />获取页面某个ID 元素 内容</div>
<script>
var str = document.getElementById(‘obj’).innerHTML;
alert(str);
//如果设置值
//document.getElementById(‘obj’). innerHTML = ‘设置值’;
</script>
设置样式名称
document.getElementById(‘obj’). className= “classname”;
对元素设置属性
document.getElementById(‘obj’).setAttribute("down",'11');
获得属性的值
document.getElementById(‘obj’).getAttribute("down");
获取标签
document.getElementsByTagName(‘div’);