javascript 学习笔记
(1) 引入外部js文件:
<script src=”my.js”/> 好像是这样呵呵,。
每个函数都默认有一个arguments对象来代表所有参数。
<script type="text/javascript">
function add(){
var out=0;
for(var i=0; i<arguments.length; i++){
out += arguments[i];
}
return out;}
</script>
<button onclick="add(1,2,3,4,5)">Test </button>
(2)点击连接之后调用js代码
<a href="javascript:addContact();">Add a Contact</a>
点击图片之后改变图片
<img src="button_off.gif" onmousedown ="this.src='button_over.gif';" >
onmousedown 也可以为onmousedown onmouseout onmouseup
点击按钮之后调用js
<button onclick="doAction(multiply)">Test Multiply</button>
下面一段js代码说明了几个函数(功能是通过js新建一个按钮并带有各种属性)
<script type="text/javascript">
var board = document.getElementById("board"); //获得id号为board的元素,为div
var e4 = document.createElement("input");//创建一个input 即<input>
e4.setAttribute("type", "text");
//设置e4的type属性为text,即文本框 这一句等于e.type=”text”
e4.setAttribute("name", "q"); //设置input的Name属性为q
e4.setAttribute("value", "使用setAttribute");//input的初始值
e4.setAttribute("onclick", "javascript:alert('This is a test!');");//设置点击事件
var object = board.appendChild(e4); //将我们准备好的input放到<div>后面
</script>
<body> <div id=board>
这句代码就等于<div id=board><input name=q onclick= javascript:alert('This is a test!');>
最后来段简单的巩固一下,没啥好说的。
var img = document.createElement('IMG');
img.setAttribute('src', 'delete.gif');
img.onclick = function(){
removeContact(tr);
}
td1.appendChild(img);
(3)getElementsByTagName:返回一个数组,包含具有相同tag名的所有元素类似于getElementById
(4)
注意看清楚了,这段代码分为4个子节点,其中第二个子节点又分3个子节点对了,我们现在要通过Js来修改内容,具体代码为
childNodes[1].childNodes[0] 对应的应该就是<a href=”link.html”>
childNodes[1].childNodes[1] 对应的就是 a link
(5)
setTimeout("alert('"+text+"');",1000); 1秒之后弹出警告框
setInterval("alert('"+text+"');", 1000); 每隔1秒弹出一次警告框
var newpasge = window.open('page2.html', 'TestWindow', 'width=500,height=200,resizable=yes'); 打开新窗口, newpasge为新窗口
window.close(); 关闭自己
改变状态栏: window.status(“****”);
前进后退 window.history.go(1);
(6) js中的类详解 见http://www.cnitblog.com/CoffeeCat/archive/2009/07/08/40138.html
Javascript中的类实现
(7) document 对象 :
1:document.title ="主页"; 修改网页标题
2:document.URL = "1.html"; 直接在本网页中打开新网页。
3:网页中第一个有<img src=”1.jpg” name=”myimg”/>
document.links[0] 访问第一个<a href=”1.html”>链接。
Document.images[0]或者document.image[“myimg”];代表第一个图片见上面
document.image[“myimg”].src
同理document.forms[0]或者document.forms[“myform1”];访问表单
4: document.write(“向网页中写入一段话”);
(8) location 对象
location.href = “www.qq.com”; 利用这种导航方式跳转页面,该页面会被放入历史页面中。
(9) navigator
navigator
(10) 填充用户屏幕
Window.moveTo(0,0);
Window.resizeTo(screen.availWidth,screen.availHeight); //表示获取屏幕尺寸,将浏览器置于全屏
sylar
MAIL: cug@live.cn