Javascript – 第 12 页

Javascript2006年12月10日2011年10月15日

我的Ajax之路

var g_LastID=0;
var bolEXecuting=false;
var g_DOM=new ActiveXObject("Msxml2.DOMDocument");
var g_XMLHTTP;
var Run=setInterval("GetContent()",3000);
function AddContent(xml) {
	g_Dom.loadXML(xml);
	var NodeList=g_DOM.selectNodes("GameContent/Content");
	for ( var ii=0; ii&lt;NodeList.lenght;ii++) {
		var Quarter=NodeList(ii).getAttribute("Quarter");
		var QuarterTime=NodeList(ii).getAttribute("QuarterTime");
		varScore=NodeList(ii).getAttribute("Sore");
		var Content=NodeList(ii).text;
		AddRowToTable(Quarter,QuarterTime,Score,Conntent);
		g_LastID-parseInt(NodeList(ii).getAttribute("ID"));
	}
}
function AddRowToTable(Quarter,QuarterTime,Score,Content) {
	var row =tbl_Content.insertRow(tbl_Content.rows.length);
	var tdQuqrter=row.inserCell();
	tdQuarter.innerText=Quarter;
	var tdQuarterTime=row.insertCell();
	tdQuarterTime.innerText=QuarterTime;
	var tdScore=row.inserCell();
	tdScore.innerText=Score;
	var tdContent=row.insertCell();
	tdContent.innerText=Content;
}
function GetContent() {
	if ( bolExecuting) return;
	bolExecuting true;
	var Url="LiveGameServer.asp?GameID" +text_GameID.value.+"&amp;lastID=" +g_LastID.toString();
	g_XMLHTTP=new ActiveXObject("Microsoft.XMLHTTP");
	g_XMLHTTP.open("Get",Url,true);
	g_XMLHTTP.onreadystatechange=OnReadyStateChange;
	g_XMLHTTP.send(null)
}
function OnReadyStateChang() {
	if (g_XMLHTTP.readyState==4) {
		AddContent(g_XMLHTTP.ResponseText);
		bolExecuting=false;
		G_XMLHTTP=null;
	}
}

var g_LastID=0;

var bolEXecuting=false;

var g_DOM=new ActiveXObject("Msxml2.DOMDocument");

var g_XMLHTTP;

var Run=setInterval("GetContent()",3000);

function AddContent(xml) {

g_Dom.loadXML(xml);

var NodeList=g_DOM.selectNodes("GameContent/Content");

for ( var ii=0; ii<NodeList.lenght;ii++) {

var Quarter=NodeList(ii).getAttribute("Quarter");

var QuarterTime=NodeList(ii).getAttribute("QuarterTime");

varScore=NodeList(ii).getAttribute("Sore");

var Content=NodeList(ii).text;

AddRowToTable(Quarter,QuarterTime,Score,Conntent);

g_LastID-parseInt(NodeList(ii).getAttribute("ID"));

}

function AddRowToTable(Quarter,QuarterTime,Score,Content) {

var row =tbl_Content.insertRow(tbl_Content.rows.length);

var tdQuqrter=row.inserCell();

tdQuarter.innerText=Quarter;

var tdQuarterTime=row.insertCell();

tdQuarterTime.innerText=QuarterTime;

var tdScore=row.inserCell();

tdScore.innerText=Score;

var tdContent=row.insertCell();

tdContent.innerText=Content;

}

function GetContent() {

if ( bolExecuting) return;

bolExecuting true;

var Url="LiveGameServer.asp?GameID" +text_GameID.value.+"&lastID=" +g_LastID.toString();

g_XMLHTTP=new ActiveXObject("Microsoft.XMLHTTP");

g_XMLHTTP.open("Get",Url,true);

g_XMLHTTP.onreadystatechange=OnReadyStateChange;

g_XMLHTTP.send(null)

}

function OnReadyStateChang() {

if (g_XMLHTTP.readyState==4) {

AddContent(g_XMLHTTP.ResponseText);

bolExecuting=false;

G_XMLHTTP=null;

}

Javascript2006年12月10日

ifrme给主页面判断的问题

var pselect=parent.document.getElementById("se […]

Javascript2006年12月10日

一个价格运算的javascript

function checkNum(num) { var Letters = "0123456789& […]

Javascript2006年12月10日2011年10月16日

JavaScript常用语句

1.document.write(""); 输出语句 2.JS中的注释为// 3.传统的HTM […]

Javascript2006年12月10日2015年9月27日

判断数字的js没有小数

function IsNumber(string) { var integer; integer = pars […]

Javascript2006年12月10日2011年10月19日

dw本身的表单判断,做了修改

Javascript2006年12月10日2015年9月27日

加入收藏的代码

<a target=_top href=javascript:window.external.AddFa […]

Javascript2006年12月10日

Ajax到底有多大力量

本文章摘自于2006年5月8日的电脑报F11 近两年web2.0正成为网络用户关注的焦点，而Ajax这个名字也 […]

Javascript2006年12月10日2011年10月15日

JS自动缩小图片

主要的功能是自动缩小过大的图片，以避免div构造的页面被撑坏。本来想网上应该有现成的代码可以用，搜了半天发现 […]

Javascript2006年12月4日2011年10月19日

自动打开最快镜像站

　　如果一个网站有多个镜像站的话，使用本文的方法可以使得用户自动跳转到其访问速度最快的那个镜像站上。直接将下 […]

Javascript2006年12月3日2011年10月19日

“自动转向”技术

　　自动转向(Auto-Redirecting)，也叫自动重定向。自动跳转，指当访问用户登陆到某网站时，自动将 […]

Javascript2006年12月3日2011年10月19日

让广告代码不再影响你的网页加载速度

　　做一些联盟广告时，由于联盟广告的加载慢，整体页面的显示速度也会变慢，如果加入下面的代码就可以有效地解决这个 […]

Javascript2006年12月3日2011年10月19日

WEB上自动下载控件的实现方法

例子代码如下所示： <SCRIPT LANGUAGE="VBScript"> &l […]

Javascript2006年12月3日2011年10月19日

屏蔽百度快照的方法

　　有时候，因为内容的更改或者隐私问题，我们往往不希望别人通过“百度快照”的方法查看自己网站的某一些网页，这里 […]

Javascript2006年12月3日2011年10月15日

JAVASCRIPT加密解密终级指南

本文一共介绍了七种JAVASCRIPT加密方法。一：最简单的加密解密二：转义字符的妙用三：使用Micro […]

Javascript2006年12月3日2015年9月27日

40种网页常用小技巧

下面是javascript的40个网页常用小技巧，对网站开发人员相信会有帮助。 1. oncontextmen […]

Javascript2006年12月3日2011年10月20日

47种网页常用小技巧

下面是javascript的40个网页常用小技巧，对网站开发人员相信会有帮助。 1. oncontextmen […]

Javascript2006年12月3日2011年10月19日

中英文网页切换

使用如下脚本代码实现中英文网页切换。 <!– if (navigator.appName = […]

Javascript2006年12月3日2011年10月19日

去掉免费空间广告的方法

为了用免费空间，我们不得不忍受广告的骚扰,如何去掉讨厌的广告，看下面的文字就可以了。如何去掉广告:请将以下代码 […]

Javascript2006年10月19日2011年10月20日

点击复制标题和地址的代码

&lt;title&gt;点击复制标题和地址的代码&lt;/title&gt;
&lt;input type='button' name='Submit' onClick="copyToClipBoard()" value='复制专题地址，传给QQ/MSN上的好友'&gt;
&lt;script language='javascript'&gt;
   function copyToClipBoard(){
    var clipBoardContent='';
    clipBoardContent+=document.title;
    clipBoardContent+='';
    clipBoardContent+=this.location.href;
    window.clipboardData.setData('Text',clipBoardContent);
    alert('复制成功，请粘贴到你的QQ/MSN上推荐给你的好友');
  }
&lt;/script&gt;

&lt;script language='JavaScript'&gt;
function copyUrl(url){
var content="";
window.clipboardData.setData('Text',url);
alert('本帖标题和地址已复制到剪贴版，你可按CTRL+V在任何软件如:QQ、MSN中进行粘贴发送给好友。');}
&lt;/script&gt;
&lt;a title='点击复制本帖标题和地址到剪贴版,直接在MSN/QQ上粘贴即可' href='javascript:copyUrl("&lt;a href=http://www.fightfly.com target=_blank&gt;http://www.fightfly.com&lt;/a&gt;")'&gt;点击复制本贴Url地址...&lt;/a&gt;

<title>点击复制标题和地址的代码</title>

function copyToClipBoard(){

var clipBoardContent='';

clipBoardContent+=document.title;

clipBoardContent+='';

clipBoardContent+=this.location.href;

window.clipboardData.setData('Text',clipBoardContent);

alert('复制成功，请粘贴到你的QQ/MSN上推荐给你的好友');

}

</script>

function copyUrl(url){

var content="";

window.clipboardData.setData('Text',url);

alert('本帖标题和地址已复制到剪贴版，你可按CTRL+V在任何软件如:QQ、MSN中进行粘贴发送给好友。');}

</script>

<a title='点击复制本帖标题和地址到剪贴版,直接在MSN/QQ上粘贴即可' href='javascript:copyUrl("<a href=http://www.fightfly.com target=_blank>http://www.fightfly.com</a>")'>点击复制本贴Url地址...</a>

Javascript2006年10月17日2011年10月19日

解析Atlas—微软的Ajax工具包

微软已经在进行一个版本Visual Stuido 的研发，其中一个重要的研究方向就是通过Ajax风格的编程在浏 […]

Javascript2006年10月17日2020年3月24日

收集了一些表现层应用的例子

页面加载效果一：

&lt;script type="text/javascript"&gt;// &lt;![CDATA[

/********************************************************
 * ProgressBar class
 * @author null
 * @param width - width of progress bar
 * @param height - height of progress bar
 * @param fgColor - fgColor of progress bar
 * @param bgColor - bgColor of progress bar
 * @param borderColor - borderColor of progress bar
          the rule is the same border-color of CSS
/********************************************************/
function ProgressBar(width,height,fgColor,bgColor,borderColor){

  if(borderColor==undefined){
    bgColor = "threedlightshadow";
    fgColor = "highlight";
    borderColor =  "buttonshadow window window buttonshadow";
  }
  else if(borderColor==undefined&amp;&amp;fgColor==undefined&amp;&amp;bgColor==undefined){
    bgColor = "threedlightshadow";
    fgColor = "highlight";
    borderColor =  "buttonshadow window window buttonshadow";
  }

  percent  = 0.0; //initialize to zero
  fontSize = Math.ceil(height/2)+1;

  font_bt = "&lt;table width=100% height=100% cellpadding=0 cellspacing=0 style='font:bold "+fontSize+"px Arial;color:"+bgColor+";text-align:center;vertical-align:center;'&gt;
&lt;tr&gt;
&lt;td&gt;"+parseInt(percent*100)+" %&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;";
  font_ft = "
&lt;table width=100% height=100% cellpadding=0 cellspacing=0 style='font:bold "+fontSize+"px Arial;color:"+fgColor+";text-align:center;vertical-align:center;'&gt;
&lt;tr&gt;
&lt;td&gt;"+parseInt(percent*100)+" %&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;";

  squares = "";
  for(var i=0;;i++){
    var left = width-2-i*(height/2+1);
    //alert(left);
    if(left&gt;=height/2+1){
      squares += "&lt;span style='background-color:"+fgColor+";width:"+height/2+"px;height:"+(height-2)+";margin-right:1px;'&gt;&lt;/span&gt;";
    }
    else if(left&gt;=1){
      squares += "&lt;span style='background-color:"+fgColor+";width:"+left+"px;height:"+(height-2)+";margin:0px;'&gt;&lt;/span&gt;";
    }
    else
      break;
  }

  //position:absolute;
  str  = "&lt;span id=progress_bg style='width:"+width+"px;height:"+height+"px;background-color:"+bgColor+";border:1px solid;border-color:"+borderColor+"'&gt;"; //"+fgColor+" #transparent
  str += "  &lt;span id=progress_fg style='position:absolute;width:100%;height:100%;clip:rect(0,"+parseInt(percent*100)+"%,100%,0);background-color:"+fgColor+";font-size:0px;line-height:0px;'&gt;";
  str +=      squares;
  str += "  &lt;/span&gt;";
  str += "  &lt;span id=progress_bt style='position:absolute;z-index:8;width:100%;height:100%;background-color:#transparent;clip:rect(0,"+parseInt(percent*100)+"%,100%,0);text-align:center;'&gt;";
  str +=      font_bt;
  str += "  &lt;/span&gt;";
  str += "  &lt;span id=progress_ft style='position:absolute;z-index:9;width:100%;height:100%;background-color:#transparent;clip:rect(0,100%,100%,"+parseInt(percent*100)+"%);text-align:center;'&gt;";
  str +=      font_ft;
  str += "  &lt;/span&gt;";
  str += "&lt;/span&gt;";

  document.write(str);

  function update(){
    font_bt = "
&lt;table width=100% height=100% cellpadding=0 cellspacing=0 style='font:bold "+fontSize+"px Arial;color:"+bgColor+";text-align:center;vertical-align:center;'&gt;
&lt;tr&gt;
&lt;td&gt;"+parseInt(percent*100)+" %&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;";

    font_ft = "
&lt;table width=100% height=100% cellpadding=0 cellspacing=0 style='font:bold "+fontSize+"px Arial;color:"+fgColor+";text-align:center;vertical-align:center;'&gt;
&lt;tr&gt;
&lt;td&gt;"+parseInt(percent*100)+" %&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;";

    document.getElementById("progress_fg").style.clip='rect(0,'+parseInt(percent*100)+'%,100%,0)';
    document.getElementById("progress_bt").style.clip='rect(0,'+parseInt(percent*100)+'%,100%,0)';
    document.getElementById("progress_ft").style.clip='rect(0,100%,100%,'+parseInt(percent*100)+'%)';

    document.getElementById("progress_bt").innerHTML=font_bt;
    document.getElementById("progress_ft").innerHTML=font_ft;
  }

  this.setModel=function(model){
    percent = model;
    update();
  }
}

/////////// Test for ProgressBar ////////////
pb = new ProgressBar(153,18);//,"navy","#FFE4C4","#ff9900");
//document.write("Hello,ProgressBar");
//pb.setModel(50/100);
function progress(v){
  if (v &gt;= 100){
    pb.setModel(1.00);
    alert("Finished");
  }
  else{
    pb.setModel(v/100);
    window.setTimeout("progress("+(v+1)+")",Math.random()*Math.random()*500);
  }
}
progress(0);
///////////////// End Test ///////////////////
// ]]&gt;&lt;/script&gt;

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

/********************************************************

* ProgressBar class

* @author null

* @param width - width of progress bar

* @param height - height of progress bar

* @param fgColor - fgColor of progress bar

* @param bgColor - bgColor of progress bar

* @param borderColor - borderColor of progress bar

the rule is the same border-color of CSS

/********************************************************/

function ProgressBar(width,height,fgColor,bgColor,borderColor){

if(borderColor==undefined){

bgColor = "threedlightshadow";

fgColor = "highlight";

borderColor = "buttonshadow window window buttonshadow";

}

else if(borderColor==undefined&&fgColor==undefined&&bgColor==undefined){

bgColor = "threedlightshadow";

fgColor = "highlight";

borderColor = "buttonshadow window window buttonshadow";

}

percent = 0.0; //initialize to zero

fontSize = Math.ceil(height/2)+1;

font_bt = "<table width=100% height=100% cellpadding=0 cellspacing=0 style='font:bold "+fontSize+"px Arial;color:"+bgColor+";text-align:center;vertical-align:center;'>

<tr>

<td>"+parseInt(percent*100)+" %</td>

</tr>

</table>";

font_ft = "

<tr>

<td>"+parseInt(percent*100)+" %</td>

</tr>

</table>";

squares = "";

for(var i=0;;i++){

var left = width-2-i*(height/2+1);

//alert(left);

if(left>=height/2+1){

squares += "<span style='background-color:"+fgColor+";width:"+height/2+"px;height:"+(height-2)+";margin-right:1px;'></span>";

}

else if(left>=1){

squares += "<span style='background-color:"+fgColor+";width:"+left+"px;height:"+(height-2)+";margin:0px;'></span>";

}

else

break;

}

//position:absolute;

str = "<span id=progress_bg style='width:"+width+"px;height:"+height+"px;background-color:"+bgColor+";border:1px solid;border-color:"+borderColor+"'>"; //"+fgColor+" #transparent

str += " <span id=progress_fg style='position:absolute;width:100%;height:100%;clip:rect(0,"+parseInt(percent*100)+"%,100%,0);background-color:"+fgColor+";font-size:0px;line-height:0px;'>";

str += squares;

str += " </span>";

str += " <span id=progress_bt style='position:absolute;z-index:8;width:100%;height:100%;background-color:#transparent;clip:rect(0,"+parseInt(percent*100)+"%,100%,0);text-align:center;'>";

str += font_bt;

str += " </span>";

str += " <span id=progress_ft style='position:absolute;z-index:9;width:100%;height:100%;background-color:#transparent;clip:rect(0,100%,100%,"+parseInt(percent*100)+"%);text-align:center;'>";

str += font_ft;

str += " </span>";

str += "</span>";

document.write(str);

function update(){

font_bt = "

<tr>

<td>"+parseInt(percent*100)+" %</td>

</tr>

</table>";

font_ft = "

<tr>

<td>"+parseInt(percent*100)+" %</td>

</tr>

</table>";

document.getElementById("progress_fg").style.clip='rect(0,'+parseInt(percent*100)+'%,100%,0)';

document.getElementById("progress_bt").style.clip='rect(0,'+parseInt(percent*100)+'%,100%,0)';

document.getElementById("progress_ft").style.clip='rect(0,100%,100%,'+parseInt(percent*100)+'%)';

document.getElementById("progress_bt").innerHTML=font_bt;

document.getElementById("progress_ft").innerHTML=font_ft;

}

this.setModel=function(model){

percent = model;

update();

}

/////////// Test for ProgressBar ////////////

pb = new ProgressBar(153,18);//,"navy","#FFE4C4","#ff9900");

//document.write("Hello,ProgressBar");

//pb.setModel(50/100);

function progress(v){

if (v >= 100){

pb.setModel(1.00);

alert("Finished");

}

else{

pb.setModel(v/100);

window.setTimeout("progress("+(v+1)+")",Math.random()*Math.random()*500);

}

progress(0);

///////////////// End Test ///////////////////

// ]]></script>

页面加载效果二 [cray […]

Javascript2006年9月25日2011年10月15日

深入理解AJAX响应信息的处理

用户的交互操作（interaction）驱动着Web站点。理解如何处理响应信息，特别是在使用新的交互操作形式（ […]

Javascript2006年9月19日2011年10月4日

随机显示代码

举个对联广告随机播放的例子，代码如下：

&lt;script type="text/javascript"&gt;// &lt;![CDATA[
&lt;!--   
tempid = new Array();    
tempid[0] = "&lt;SCRIPT LANGUAGE=JavaScript1.1 SRC='http://play.unionsky.cn/show/?placeid=9203'&gt;&lt;"+"/SCRIPT&gt;"  
tempid[1] = "&lt;SCRIPT LANGUAGE=JavaScript1.1 SRC='http://play.unionsky.cn/show/?placeid=15279'&gt;&lt;"+"/SCRIPT&gt;"  

showId = Math.floor(Math.random() * 2);   
document.write(""+tempid[showId]+"");   
//--&gt;
// ]]&gt;&lt;/script&gt;

<!--

tempid = new Array();

tempid[0] = "<SCRIPT LANGUAGE=JavaScript1.1 SRC='http://play.unionsky.cn/show/?placeid=9203'><"+"/SCRIPT>"

tempid[1] = "<SCRIPT LANGUAGE=JavaScript1.1 SRC='http://play.unionsky.cn/show/?placeid=15279'><"+"/SCRIPT>"

showId = Math.floor(Math.random() * 2);

document.write(""+tempid[showId]+"");

//-->

// ]]></script>

你在 […]

Javascript2006年3月21日2011年10月15日

静态页面的值传递

1.Window.open篇这两窗口之间存在着关系.父窗口parent.htm打开子窗口son.htm 子窗 […]