javascript编程规则

ゝ一纸荒年。 2022-08-20 15:13 172阅读 0赞

1.  javascript使用window对象的open()创建新的浏览器窗口  
    window.open(url,name,feature)  
    第一个参数是新窗口的URL地址，省略会弹出一个空白的浏览器窗口  
    第二个参数是新窗口的名字。  
    最后一个参数是以逗号分隔的字符串，内容是新窗口的各种属性。（尺寸和功能）

function popUp(winURL) { 
        window.open(winURL,"popup","width=320,height=480");//打开一个宽320，高480的新窗口popup
    
        }// JavaScript Document

因为在这个函数中已经对新窗口命名，所以放把新的URL地址传递给此函数时，这个函数将把新窗口的现有文档替换为新URL地址处的文档  
2. javascript 伪协议  
真协议：因特网计算机传输数据包的标准化通信机制  
伪协议：非标准化的通信机制的统称

<a href="javascript:popUp('http://www.example.com/');">Example</a> //通过伪协议调用popUp()函数的具体做法

1.  内嵌的事件处理函数

<a href="#" onclick="popUp('http://www.example.com/'); return false;">Example</a>
    //#是未指向任何目标的空连接  return false使得链接不会真的被打开

1.  分离javascript 把一个事件添加到HTML文档的某个元素上

<a href=http://www.example.com/ class=”popUp”>Example</a>

//javascript 代码预留出退路,让href是一个真是存在的URL地址，有效的链接
    <a href="http://www.example.com" onclick="popUp('http://www.example.com'); return false;">Example</a>
     //代码简化
    <a href="http://www.example.com/" onclick="popUp(this.getAttribute('href')); return false;">Example</a>
     //更简洁的代码
    <a href="http://www.example.com/" onclick="popUp(this.href); return false;">Example</a>

//以onclick事件和popUp()函数为例
    var links=document.getElementsByTagName("a");//取出所有的链接放在一个数组里
    for(var i=0;i<links.length;i++){    //遍历数组
        if(links[i].className=="popup"){    //找到链接class等于popup，说明链接被点击时调用popUp函数 
            links[i].onclick=function(){             
                popUp(this.getAttribute("href"));//把链接的href传递给popUp()函数
                return false;  //取消这个链接的默认行为，不让链接吧访问者带离当前窗口
                }               
            }       
        }

这样还有一个问题，就是文件被加载时，javascript立即执行，会在html文档完全加载之前执行。应该让文档加载完毕后执行这个事件。  
解决方法：  
Document对象又是window对象的一个属性，当window对象触发onload事件时，document对象已经存在。

1.  向后兼容 把javascript代码放在一个if语句中，支持则执行，否则不执行。