接着上一个文章来继续记录JS的基本语法知识。
JS逻辑判断语句:if (){ } ,三目运算。if(){}else{}。switch case: 。
JS循环语句: for( ; ; ){} 。 while(){} 。do{}while() ;
JS的函数:格式:function a(i,s){ alert(i); alert(s);}; 注:函数声明没有返回值。函数参数不要用var。调用的时候还是 用<script type="text/javascript"> a(100,"ok") </script> 就可以实现函数的调用了。如果有返回值就直 接用reurn语句就行。这仅仅是简单介绍,后面会介绍更高级的函数知识。
JS事件:JS事件是JS中自带的、on系列的基本上都是事件。表示当执行某一个动作之后执行的代码。
onblur 事件代表 “失焦” ,鼠标移开点击别的地方。文本
onfocus 事件代表“聚焦” ,鼠标点击到上边的时候。文本
onchange 事件代表 “改变”,当文本内容改变的时候。就会激活此事件。 一般在文本框上实现。
onclick 事件代表“点击”,当鼠标点击的时候。激活。 一般在按钮上实现。
onlode 事件代表“加载”,一般放在<body>控件的后面。代表刷一次网页,执行一次onlode。
onmouseover 事件代表“鼠标移动上” 一般放在超链的后边 。
onmouseout 事件 代表“鼠标移开” 一般放在超链的后边 。
onsubmit 事件 代表“提交事件” 放在<form>后面。在提交到指定页面之前执行。
onunlode 事件 代表“退出页面” 放在<body>后面。在退出页面后执行对应的事件。
JS中的DOM命令:前面讲到设置背景颜色有两种方法{body中加入,css中写},现在多了一种就是用JS动态实现
{document.bgColor="..." ;} :设置背景色
document.fgColor="..." :设置前景色
设置连接属性:document.linkColor="..." : 设置链接本身颜色
document.alinkColor="..." : 设置链接激活时候的颜色
document.vlinkColor="..." : 设置点击过后的颜色
document.title="..." :动态设置标题。
JS中利用外接JS时候,需要注意乱码问题: 在src=“...” 后面加上charaset=“utf-8” ; 跟相应的项目文件编码都要一样。
JS中创建并打开窗口:var i=window.open("打开后页面名字","标题名称","属性设置"); toolbar=no,status=yes,width="...",height="..."
JS中关闭窗口 : i.close() ; 注:不能用window.close() ;要关闭的是当前的窗口,就要把开的窗口附上一个变量。
注:是不是可以用窗口可以实现小广告呢。哈哈。
JS中的对话框:alert("..") ;:普通对话框 confirm("..") ;:输出带“确定”“取消“的对话框。 prompt("提示消息","默认信 息") ;:简单的带文本框的对话框。
window.open() window.close() window.document.bgcolor="" ;window.alert("");
JS中window下面的location定位实现超链跳转页功能:window.location="1.html" 实现的功能和超链一样。
JS中window下面的history实现返回的功能 :window.history.go(-1) ; 实现的就是返回上一页面的功能。
JS中的Date对象:new Date();
JS中的Math对象:Math.floor();Math.ceil() ;
JS中的String对象:charAt() substring() 等等。。。
JS中的常用函数:parseInt("数",对应进制 ); {由于是弱类型语言,一般的数都能转} parseFloat(,) ; setTimeOut();
JS中取得表单中的值的三种方法:document.getElementById("..").value ; 注:利用Id名来取值。
document.getElementsByName("..")[0].value ; 注:利用name来进行取值;注意[0/1]
document.form1.对应name.value ; 注:利用表单名字下对应字段名字进行取值。
JS中取得复选框值,单选框值,下拉框值:单选框:document.getElementsByName(" ")[i].checked ;
复选框:document.getElementsByName(" ")[i].checked ;
下拉框:document.getElementById(" ").options[i].selected ;
注:利用length来获取长度,完后循环遍历就可以进行取得值了。
JS中普通按钮实现提交功能:<input type="button" οnclick="form1.submit()" />
注:document.all. :代表以后进行的操作是对id进行的操作。
CSS中实现图片隐藏:<div id="tip" style="display:none/block"> <table><tr><td> </div> ;
CSS中“#号”代表对<div>中的id属性进行操作。
JS中的正则表达式:注:“event”是JS中的一个内部对象。window.event?event.keyCode:event.which ;返回的是键盘 的ASSIC码;
String.fromCharCode(assic码) :将对ASSIC码转化成对应的键盘输入。
reg.test(对应校验字符串) ;校验成功返回true 。 注:reg=/\b/ : '/ '代表java中的开始结束
调换<div id="test"> 中的样式,document.all.test.className=" 对应CSS自定义样式" ;