Javascript

数据类型

未定义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’);


你可能感兴趣的:(Javescript)