在HTML网页中使用js获取参数。

在HTML网页中使用js获取参数。
我们知道HTML页面是在客户端执行的，这样要获取参数必须使用客户端脚本（如Javascript），在这点上不同于服务器端脚本获取参数方式。
下面的这段js代码获取HTML网页形如"test.html?foo=mytest&program=flash" "?"后所有参数。

<script language=javascript>
<!--
var hrefstr,pos,parastr;
hrefstr = window.location.href;
pos = hrefstr.indexOf("?");
parastr = hrefstr.substring(pos+1);
if (pos>0){
 document.write("所有参数："+parastr);
} else {
 document.write("无参数");
}
//-->
</script>

下面的这段js代码则可以更加细化获取HTML网页某一参数

<script language=javascript>
<!--
function getparastr(strname) {
 var hrefstr,pos,parastr,para,tempstr;
 hrefstr = window.location.href;
 pos = hrefstr.indexOf("?")
 parastr = hrefstr.substring(pos+1);

 para = parastr.split("&");
 tempstr="";
 for(i=0;i<para.length;i++)
 {
  tempstr = para[i];
  pos = tempstr.indexOf("=");
  if(tempstr.substring(0,pos) == strname) {
   return tempstr.substring(pos+1);
  }
 }
 return null;
}
// 获取program参数
var programstr = getparastr("program");
document.write(programstr);
//-->
</script>

这篇文章主要阐述 HTML 和 XHTML 的区别。简单来说，XHTML 可以认为是 XML 版本的 HTML，为符合 XML 要求，XHTML 语法上要求更严谨些。

以下是 XHTML 相对 HTML 的几大区别：

• XHTML 要求正确嵌套
• XHTML 所有元素必须关闭
• XHTML 区分大小写
• XHTML 属性值要用双引号
• XHTML 用 id 属性代替 name 属性
• XHTML 特殊字符的处理

XHTML 要求正确嵌套

以下是正确的嵌套：

以下是错误的嵌套：

XHTML 所有元素必须关闭

在 HTML 中 ，比如 <p>，<li> 这些标记，你可以不写 </p>，</li>，但是在 XHTML 里，必须要求写关闭标记 (Closing Tag)。

比如：

应该写成:

处理空元素

有些空元素 ，在 XHTML 里的写法是在">"之前加空格和斜杠。比如<br>，应该写成<br />。

以下 是空元素的例子：

XHTML 区分大小写

HTML 不区分大小写，但是 XHTML 是区分大小写的。

XHTML 语法上要求更严谨些。要积极的看待这个问题。

XHTML 的所有标记和属性都要 小写。

比如：

应该写成：

XHTML 属性值要用双引号

情况就有所不同。并不强制要求属性值加双引号？

HTML 并不强制要求属性值加双引号。比如你可以写:

的几大区别：HTML 4 .01 相比实在没有什么不同？

但在 XHTML 里，应该写成：

XHTML 用 id 属性代替 name 属性

HTML 很多元素，比如 a，applet，frame，iframe，img 和 map，有 name 属性。在 XHTML 里是要废除的，而用 id 属性取而代之。

比如：

应该写成：

XHTML 特殊字符的处理

& 应该在 XHTML 里应该写成 &amp;。

比如：比如：XHTML 的所有标记和属性都要小写。

比如：

应该写成：

还有如果内嵌 Jav ascript 代码，在 XHTML 里则应该写成：

浏览器的角度

以上是从协议标准的角度来看待这个问题的。如果从浏览器的角度来看待这个问题，情况就有所不同。

考虑一下，如果把 XHTML 写得很不严格，浏览器会怎么做？是不是会弹出一个对话框，写着“这个网站的开发人员技术不过关，写的不是正宗的 XHTML 文件，咱不显示”？显然，如果浏览器做成这个样子，倒贴钱也是不会有人用的。

从浏览器的角度看待上面几个不同，大致 是下面的测试结果(IE 和Firefox我都测试过)：

• XHTML 要求正确嵌套：如果你没有嵌套，浏览器会试图帮你嵌套。
• XHTML 所有元素必须关闭：如果你没有关闭，浏览器会试图帮你关闭。
• XHTML 区分大小写：你非要写成大写，浏览器帮你转换成为小写。
• 属性值要用双引号：你非要不肯加，浏览器帮你加。
• 特殊字符的处理：You & Me 也好，You &amp; Me 也好 ，浏览器都能读入。
• 用 id 属性代替 name 属性 ：你非要用 name 也可以。

XHTML 里应该写成 &amp;。以下是正确的嵌套。

如果 你在文档开始用 DocType 指定为 XHTML 了，有一点需要注意。在给 Tag 用 class 指定CSS 的时候，是区分大小写的。例如，你定义了一个CSS如下，

而你使用的时候写成，

而你使用的时候写成，如果从浏览器的角度来看待这个问题 。

那这个CSS是不会被使用的。要积极的看待这个问题，这让你可以用更多的名字来命名 Style，是一个好事。

XHTML 标准的前途

从标准制定者的初衷看，制定 XHTML 标准是试图把 HTML 规范成为严格的 XML 格式，这样无可避免的会导致一个结果，就是从 HTML 到 XHTML 的升级导致标准的容错能力降低了。把自己的网页源文件写得严格一点当然是好事，但是一个标准不可能去要求浏览器降低自己的容错能力。

XHTML 1 .0 标准是兼容 HTML 4.01，是个不错的协议，可以让开发者在编写代码的同时通过一些工具来检查代码的合法性，虽然对于用户而言，制作出来的网页和 HTML 4.01 相比实在没有什么不同。对于你写新的网页来说，使用 XHTML 1.0 还是一个不错的选择。

XHTML 1.1 标准要求浏览器不再支持原先的容错能力，这是一个标准制定者走火入魔的典型例子，这个标准从学术上说非常纯净，但是对于浏览器而言，则是个呆板、笨拙、不可理喻的标准。所以目前所有由人类开发的浏览器都没有遵照所谓纯净的 XHTML 1.1的标准，你的代码只要浏览器能读懂，他都会很好的显示出来，而不跳出弹框报错。

应该写成:：应该写成：以下是 XHTML 相对 ！

从发展的趋势来看，一个标准没有浏览器服从，等于是没有意义的标准。从浏览器的实现角度来看，新的协议只能在原来 HTML 的基础上扩大能力增加容错 ，而不能缩小了能力减少容错。所以新的协议中，只有扩大能力增加容错的部分会被采纳，而其他部分都仅仅是纸上谈兵而已。

昨天自己的站要放GG AD了,但网站全是静态页面,但我想随便更新GG AD 所以就想到用js文件导入方式,也可以用.php文件导入方式做的,下面来讲讲我的方法:

先来看看,直接在源码中放GG AD很多人都这样放:

<script type="text/javascript"><!--
      google_ad_client = "pub-6219414158063594";
      /* 468x15, 创建于 08-3-10 */
      google_ad_slot = "2571270205";
      google_ad_width = 368;
      google_ad_height = 20;
      //-->
      </script>
      <script type="text/javascript"
      src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
     </script>

这样做有一个很大的不方便之处就是我更换不方便,下面我们来看看用js.文件导入形式.

我在网页源代码中放<script src='/gg_ad/gg.js'></script>

在gg.js文件中放入上面的代码,但因为是js文件所以我们就得去了不必要的符号,代码如下:

google_ad_client = "pub-6219414158063594";
google_ad_slot = "7794600866";
google_ad_width = 234;
google_ad_height = 60;
google_cpa_choice = "";

document.write('<script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>');

还有一种就是有js入导php文件,看例:

<script src='js.php'></script>在js.php里面这样写,

document.write('google_ad_client = "pub-6219414158063594";');其它的写法一样这里就不多说了.

注明:原创www.111cn.net,转载请注明原处.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>后台管理首页</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312"><LINK
href="../styles/admin_style.css" type=text/css rel=stylesheet>
<SCRIPT src="ymPrompt.js" type=text/javascript></SCRIPT>

<SCRIPT language=javascript>
<!--
function menu_tree(meval)
{
  var left_n=eval(meval);
  if (left_n.style.display=="none")
  { eval(meval+".style.display='';"); }
  else
  { eval(meval+".style.display='none';"); }
}
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]
//extra height in px to add to iframe in FireFox 1.0+ browsers
var FFextraHeight=getFFVersion>=0.1? 16 : 0

function dyniframesize(iframename) {
  var pTar = null;
  if (document.getElementById){
    pTar = document.getElementById(iframename);
  }
  else{
    eval('pTar = ' + iframename + ';');
  }
  if (pTar && !window.opera){
    //begin resizing iframe
    pTar.style.display="block"
   
    if (pTar.contentDocument && pTar.contentDocument.body.offsetHeight){
      //ns6 syntax
      pTar.height = pTar.contentDocument.body.offsetHeight+FFextraHeight;
    }
    else if (pTar.Document && pTar.Document.body.scrollHeight){
      //ie5+ syntax
      pTar.height = pTar.Document.body.scrollHeight;
    }
  }
}
-->
</SCRIPT>
</HEAD>
<BODY>
<DIV id=body>
<DIV id=top>
<TABLE height=52 cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD bgColor=#014e82 height=13>&nbsp;</TD></TR>
<TR>
<TD bgColor=#014e82 height=21>
<TABLE id=menu_top borderColor=#ededed cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD borderColor=#ededed
bgColor=#ffffff>&nbsp;后台管理</TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD bgColor=#9eb9cc>
<TABLE id=menu_little>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>
<DIV id=center>
<DIV id=menu>
<TABLE class=menu id=menu cellSpacing=5>
<TBODY>
<TR>
<TD class=menu_td onclick="javascript:menu_tree('left_1');" bgColor=#ffff99
height=24><STRONG>&nbsp;基本管理</STRONG></TD></TR>
<TR>
<TD>
<TABLE class=menu_2 id=left_1 style="DISPLAY: none">
<TBODY>
<TR>
<TD>
<LI><A href="index.php">后台首页</A></LI></TD></TR>
<TR>
<TD>
<LI>退出后台</LI></TD></TR>
<TR>
<TD>
<LI>管理员设置</LI></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD class=menu_td onclick="javascript:menu_tree('left_2');" bgColor=#ffff99
height=24><STRONG>&nbsp;文章管理</STRONG></TD></TR>
<TR>
<TD>
<TABLE class=menu_2 id=left_2 style="DISPLAY: none">
<TBODY>
<TR>
<TD>
<LI><A href="article/article_add.php" target=mainFrame>发表文章</A></LI></TD></TR>
<TR>
<TD>
<LI><A href="article/article_list.php" target=mainFrame>管理文章</A></LI></TD></TR>
<TR>
<TD>
<LI><A href="article/article_sort/article_sort_list.php"
target=mainFrame>管理分类</A></LI></TD></TR>
<TR>
<TD>
<LI>管理评论</LI></TD></TR>
<TR>
<TD>
<LI>管理留言</LI></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD class=menu_td onclick="javascript:menu_tree('left_3');" bgColor=#ffff99
height=24><STRONG>&nbsp;XXXXX</STRONG></TD></TR>
<TR>
<TD>
<TABLE class=menu_2 id=left_3 style="DISPLAY: none">
<TBODY>
<TR>
<TD>
<LI><A href="">xxxxx</A></LI></TD></TR>
<TR>
<TD>
<LI><A href="">xxx</A></LI></TD></TR>
<TR>
<TD>
<LI><A href="">xxxx</A></LI></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD class=menu_td onclick="javascript:menu_tree('left_4');" bgColor=#ffff99
height=24><STRONG>&nbsp;XXXXX</STRONG></TD></TR>
<TR>
<TD>
<TABLE class=menu_2 id=left_4 style="DISPLAY: none">
<TBODY>
<TR>
<TD height=24>
<LI><A href="">xxxxx</A></LI></TD></TR>
<TR>
<TD>
<LI><A href="">xxxxx</A></LI></TD></TR>
<TR>
<TD>
<LI><A
href="">xxxxxx</A></LI></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>
<DIV id=main><IFRAME id=mainFrame style="DISPLAY: block" name=mainFrame
src="main.php" frameBorder=0 scrolling=no
onload="javascript:{dyniframesize('mainFrame');}"
height=48>     您的浏览器不支持此功能，请您使用最新的版本。   </IFRAME></DIV></DIV></DIV></BODY></HTML>

<html>
<head>
</head>
<body>
<marquee behavior="alternate" height="400" direction="up" scrollamount="3" scrolldelay="30" width="500" bgcolor="#3399FF">
<marquee behavior="alternate" height="50" direction="left" scrollamount="3" scrolldelay="30" width="100%">
<font style="font-size: 35px">MARQUEE</font>
</marquee>
</marquee>
</body>
</html>