Fork me on GitHub

php javascript

php100:103:Jquery javascript

javascript:
网页用来改进设计、验证表单、检测浏览器、创建cookies.

Javascript(简称JS) 和 HTML 标签一样都是被浏览器所执行的,所以我们写的
JS代码可以不需要任何的web服务端直接执行(apache、iis、ng)。

+ 号在javascript中还有特殊的用法,还可以字符串运算符(连接符)
当2个字符直接需要连接的时候PHP用的是 .(点) 而javascript用的是
+(加)号

alert(n);无返回值。
confirm(n);返回一个布尔值
prompt(n,v);会话框。返回字符串。v代表Input框当中value。


实例:
103.html
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<script type="text/javascript" src="103.js">
</script>
</body>
</html>

103.js
if(prompt("请输入密码","")=="admin"){
document.write("是管理员");
}else{
document.write("密码错误");
}

<!--
如果浏览器不支持js,就不执行js代码。其他时候不受影响。
-->

/**/注释。//


document.write();//相当于write

var 声明变量。变量需要初始化。
var a=2+3; a=5
var a="2"+"3"; a=23
============================================
php100:103:Jquery javascript(二)

条件语句与循环语句
if
if else
if elseif else
switch

for(){}
while(){}

自定义函数
函数参数以机构默认声明了。
function prod(a,b){
x=a*b;
return x;

}
var product=prod(2,3);

html与javascript触发事件
onClick 点击事件
onChange 改变内容事件
onBlur 改变焦点
onFocus 获得焦点
onSubmit 点击submit按钮
onMouseOver 获得鼠标
onMouseOut 离开鼠标
Onload 自动载入


var aa=prompt("请输入数字","");
switch(aa){
case "2" : alert('er');
break;
case "3" : alert('san');
break;
default: alert('无符合内容');
}

onBlur="pro($this.value)" 得到输入框的值

function pro(){

alert('222222222');
return false;
}
onsubmit="return pro()"
return false 使我们的onsubmit不能提交
============================================
php100:104:Jquery javascript(三)

获得表单中的各类属性。
document.表单名.框体名.框体属性.属性类型
例: <form action="" name="fm"/>
<input type="text" name="u">
<input type="checkbox" name="s"/>
</form>
document.fm.u.value
document.fm.u.value.length
document.fm.s.checked
不仅仅可以判断英文字符的长度,还可以判断中文的个数。一个中文字符占用一个的长度,汉字虽然占两个字符,但是判断的时候还是按照一个字符来判断。


getEelementById
document.getElementById(id名称).属性.属性类型
获得当前网页的唯一值。
<div id="uu">
111111<b>22</b>

</div> document.getElementById("uu").innerHTML
document.getElementById("uu").text 仅支持IE
<img src="1.gif" id="uu">
document.getElementById("uu").src 修改标签属性。

<div id="uu"> style="bground:red">
document.getElementById("id").Style.bground

 

document ..innerHTML是取得整个的div的值,还可以取得它的html代码

posted @ 2014-06-15 15:38  我曾如此奢望  阅读(611)  评论(0编辑  收藏  举报