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); //表示获取屏幕尺寸,将浏览器置于全屏
posted @ 2009-09-27 21:55  熊健  阅读(309)  评论(0编辑  收藏  举报