JavaScript学习 - JavaScript几点基础

1、输出警告框：

echo "<script language=javascript>alert('用户名密码错误');</script>";

2、设置控件的响应函数：

<input type="button" value="全选" οnclick="checkall()" />

3、js对控件的操作通常使用getElementsByName或getElementById来获取不同的控件进行操作。getElementsByName()得到的是一个array，不能直接设value，应该取相应的OBJECT来赋值。设置如下：

<input type="text" onClick="f()" Name="xx" value="ddd"/>
<script type="text/javascript">
 function f(){
  var xx = document.getElementsByName("xx");
  xx[0].value = "";}
</script>

getElementById：得到的就是有特定ID的哪个OBJECT，可以立即赋值；

name：是用来提交数据的，提供给表单用，可以重复；

id：则针对文档操作时候用，不能重复。

3、window.location

URL即：统一资源定位符 (Uniform Resource Locator, URL) ，完整的URL由这几个部分构成：

scheme://host:port/path?query#fragment

scheme：通信协议，常用的http、ftp、maito等。

host：主机，服务器(计算机)域名系统 (DNS) 主机名或 IP 地址。

port：端口号，整数，可选，省略时使用方案的默认端口，如http的默认端口为80。

path：路径，由零或多个"/"符号隔开的字符串，一般用来表示主机上的一个目录或文件地址。

query：查询，可选，用于给动态网页（如使用CGI、ISAPI、PHP/JSP/ASP/ASP.NET等技术制作的网页）传递参数，可有多个参数，用"&"符号隔开，每个参数的名和值用"="符号隔开。

fragment：信息片断，字符串，用于指定网络资源中的片断。例如一个网页中有多个名词解释，可使用fragment直接定位到某一名词解释。(也称为锚点)

 

对于这样一个URL：

http://www.x2y2.com:80/fisker/post/0703/window.location.html?ver=1.0&id=6#imhere

我们可以用javascript获得其中的各个部分

1、window.location.href

整个URl字符串(在浏览器中就是完整的地址栏)，本例返回值：

http://www.x2y2.com:80/fisker/post/0703/window.location.html?ver=1.0&id=6#imhere

2、window.location.protocol

URL 的协议部分，本例返回值：“http:”。

3、window.location.host

URL 的主机部分，本例返回值：www.x2y2.com

4、window.location.port

URL 的端口部分，如果采用默认的80端口(update：即使添加了:80)，那么返回值并不是默认的80而是空字符。本例返回值:""

5、window.location.pathname

URL 的路径部分(就是文件地址)。本例返回值：/fisker/post/0703/window.location.html

6、window.location.search

查询(参数)部分，除了给动态语言赋值以外，我们同样可以给静态页面，并使用javascript来获得相信应的参数值。本例返回值：?ver=1.0&id=6

7、window.location.hash

锚点。本例返回值：#imhere。锚点定位到网页中的某个位置，在页面上添加锚点的方法为：<a name=”print”></a>或使用<div id=”print” >。

8、window.showModalDialog

window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框。

var childvalue = window.showModalDialog("addtask.php",window);

childvalue为返回值，在子页面中使用window.returnValue来设置返回值。

9、js模拟post提交表单

function post(URL, PARAMS) {
    var temp = document.createElement("form");
    temp.action = URL;
    temp.method = "post";
    temp.style.display = "none";
    for (var x in PARAMS) {
        var opt = document.createElement("textarea");
        opt.name = x;
        opt.value = PARAMS[x];
        //alert(opt.name);
		//alert(opt.value)
        temp.appendChild(opt);
    }
    document.body.appendChild(temp);
    temp.submit();
    return temp;
}