BlogJava-依然的小屋-文章分类-javascripthttp://www.blogjava.net/wangyoucao1015/category/33410.html我试着假装，心不曾伤！zh-cnSun, 16 May 2010 00:47:10 GMTSun, 16 May 2010 00:47:10 GMT60动态加载javascripthttp://www.blogjava.net/wangyoucao1015/articles/320974.html依然依然Fri, 14 May 2010 05:25:00 GMThttp://www.blogjava.net/wangyoucao1015/articles/320974.htmlhttp://www.blogjava.net/wangyoucao1015/comments/320974.htmlhttp://www.blogjava.net/wangyoucao1015/articles/320974.html#Feedback0http://www.blogjava.net/wangyoucao1015/comments/commentRss/320974.htmlhttp://www.blogjava.net/wangyoucao1015/services/trackbacks/320974.html   
        var oScript = document.createElement("script");
        oScript.language="javascript";
        oScript.type = "text/javascript";
        oScript.text = jsCode;
        oFather.appendChild(oScript);

依然 2010-05-14 13:25 发表评论
]]>js的className改变网页class属性http://www.blogjava.net/wangyoucao1015/articles/222813.html依然依然Mon, 18 Aug 2008 08:44:00 GMThttp://www.blogjava.net/wangyoucao1015/articles/222813.htmlhttp://www.blogjava.net/wangyoucao1015/comments/222813.htmlhttp://www.blogjava.net/wangyoucao1015/articles/222813.html#Feedback1http://www.blogjava.net/wangyoucao1015/comments/commentRss/222813.htmlhttp://www.blogjava.net/wangyoucao1015/services/trackbacks/222813.html
obj.parentNode.className="actived";

好了 ，记下来，哎 ，自己真笨



依然 2008-08-18 16:44 发表评论
]]>IE 和 FireFox 兼容性问题http://www.blogjava.net/wangyoucao1015/articles/219868.html依然依然Mon, 04 Aug 2008 03:34:00 GMThttp://www.blogjava.net/wangyoucao1015/articles/219868.htmlhttp://www.blogjava.net/wangyoucao1015/comments/219868.htmlhttp://www.blogjava.net/wangyoucao1015/articles/219868.html#Feedback0http://www.blogjava.net/wangyoucao1015/comments/commentRss/219868.htmlhttp://www.blogjava.net/wangyoucao1015/services/trackbacks/219868.html   以前做网站很少考虑IE和FireFox之间的兼容性问题，现在看来不行了，不过也应该考虑一下，规范一下我的javascript脚本代码，从今天开始记录两者的兼容性问题。

  1. all.tags() 应写为 getElementsByTagName()

    IE only this.document.getElementById("diary").all.tags("li")

    应该写为：this.document.getElementById("diary").getElementsByTagName("li")



依然 2008-08-04 11:34 发表评论
]]>javascript创建数组遇到的问题http://www.blogjava.net/wangyoucao1015/articles/219864.html依然依然Mon, 04 Aug 2008 03:29:00 GMThttp://www.blogjava.net/wangyoucao1015/articles/219864.htmlhttp://www.blogjava.net/wangyoucao1015/comments/219864.htmlhttp://www.blogjava.net/wangyoucao1015/articles/219864.html#Feedback0http://www.blogjava.net/wangyoucao1015/comments/commentRss/219864.htmlhttp://www.blogjava.net/wangyoucao1015/services/trackbacks/219864.html
var a;
//obj是传进来的值 
for(var i=0;i<obj.length;i++)
{
 a[i] = new Array(obj.id);
}
但结果只有最后一个有值，例如数组长度共5个，那么也就是a[4]中有值，剩下的全部undefined. 解决方法也很简单，用a.push(obj.id)就可以了。再用push()一定要告诉变量是array,也就是说一定要var a= new Array();

最后，要说明的是a[0]=new Array("1"); 这个只能定义静态的，动态是不可以的。



依然 2008-08-04 11:29 发表评论
]]>利用javascript画圆并拖动http://www.blogjava.net/wangyoucao1015/articles/218643.html依然依然Wed, 30 Jul 2008 03:29:00 GMThttp://www.blogjava.net/wangyoucao1015/articles/218643.htmlhttp://www.blogjava.net/wangyoucao1015/comments/218643.htmlhttp://www.blogjava.net/wangyoucao1015/articles/218643.html#Feedback0http://www.blogjava.net/wangyoucao1015/comments/commentRss/218643.htmlhttp://www.blogjava.net/wangyoucao1015/services/trackbacks/218643.html
这个程序是用javascript自定义的类来完成，主要实现的功能：画圆，并可以拖动。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>drawCircle</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>

<body>
<p>&nbsp;</p>
<p>条件</p>
<p>
  半&nbsp;&nbsp;&nbsp;&nbsp; 径 ：
    <input type="text" name="circleR" id="circleR">
</p>
<div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:1; left: 338px; top: 85px; cursor:pointer" onmousedown="startDrag1(this)" onmouseup="stopDrag1(this)" onmousemove="drag1(this)"></div>
<p>圆心横坐标：
  <input type="text" name="circleX" id="circleX">
</p>
<p>圆心纵坐标：
  <input type="text" name="circleY" id="circleY">
</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
  <input type="button" name="Button1" value="画圆" onClick="doDraw()">
</p>
<p>&nbsp; </p>
</body>
</html>
<script language="javascript" type="text/javascript">

var x0=0,y0=0,x1=0,y1=0; 
var moveable=false; 
function circle(r,xpos,ypos)
{
 this.r = r;
 this.xpos=xpos;
 this.ypos=ypos;
 
 this.drawCircle=function(obj){
 var n = 0;
 var result='';
 for (var i=0;i<2*Math.PI;i+=0.01)
  {
 PointX = Math.sin(i) * this.r + this.xpos;
 PointY = Math.cos(i) * this.r + this.ypos;
 result+='<div id="Point' + n +
 '" style="position: absolute; left: ' + PointX +
 'px; top: ' + PointY +
 'px; width: 2px; height: 2px; "><strong>.</strong></div>';
 n++;
   }
   obj.style.left=xpos-r;
   obj.style.top=ypos-r;
   obj.style.width=2*r;
   obj.style.height=2*r;
   obj.innerHTML=result;
  }
  
  this.startDrag=function(win){
   if(event.button==1){ 
  x0 = event.clientX; 
  y0 = event.clientY; 
  x1 = parseInt(win.offsetLeft); 
  y1 = parseInt(win.offsetTop); 
  moveable = true; 
    } 
  }
  
  this.drag=function(win)
  {
    if(moveable){ 
   win.style.left = x1 + event.clientX - x0; 
   win.style.top = y1 + event.clientY - y0; 
   } 
  }
  
  this.stopDrag=function(win)
  {
    if(moveable){ 
    win.releaseCapture(); 
    moveable = false; 
    } 
  }
}


function doDraw()
{

theCircle = new circle(Number(this.document.getElementById("circleR").value),Number(this.document.getElementById("circleX").value),Number(this.document.getElementById("circleY").value));
theCircle.drawCircle(this.document.getElementById("Layer1"));

}



//开始拖动; 
function startDrag1(obj){ 
theCircle = new circle();
obj.setCapture(); 
theCircle.startDrag(obj);
} 
//拖动; 
function drag1(obj){ 
theCircle = new circle();
theCircle.drag(obj);
} 
//停止拖动; 
function stopDrag1(obj){ 
theCircle = new circle();
theCircle.stopDrag(obj);
} 
</script>






依然 2008-07-30 11:29 发表评论
]]>event.button特性(网页获取鼠标事件)http://www.blogjava.net/wangyoucao1015/articles/218633.html依然依然Wed, 30 Jul 2008 03:01:00 GMThttp://www.blogjava.net/wangyoucao1015/articles/218633.htmlhttp://www.blogjava.net/wangyoucao1015/comments/218633.htmlhttp://www.blogjava.net/wangyoucao1015/articles/218633.html#Feedback0http://www.blogjava.net/wangyoucao1015/comments/commentRss/218633.htmlhttp://www.blogjava.net/wangyoucao1015/services/trackbacks/218633.html

   可能值            含义

     0              没按键

     1              按左键      
   
     2              按右键     

     3             按左和右键

     4              按中间键

     5            按左和中间键

     6            按右和中间键

     7             按所有的键

依然 2008-07-30 11:01 发表评论
]]>javascirpt在网页中添加控件http://www.blogjava.net/wangyoucao1015/articles/218618.html依然依然Wed, 30 Jul 2008 02:38:00 GMThttp://www.blogjava.net/wangyoucao1015/articles/218618.htmlhttp://www.blogjava.net/wangyoucao1015/comments/218618.htmlhttp://www.blogjava.net/wangyoucao1015/articles/218618.html#Feedback0http://www.blogjava.net/wangyoucao1015/comments/commentRss/218618.htmlhttp://www.blogjava.net/wangyoucao1015/services/trackbacks/218618.html


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>JS test</title>
</head>

<body>
<input type="button" name="Button1" value="创建DIV" onClick="createDiv()">
</body>
</html>
<script language="javascript">
<!--
 function createDiv(){
 var div1 = document.createElement("DIV");
 div1.id = "div1";
 div1.style.position="absolute";
 div1.style.top=40;
 div1.style.left=0;
 div1.style.width='644px';
 div1.style.height='229px';
 div1.style.background = "#FFFF00";
 div1.style.visibility = "visible";
 div1.innerHTML="";
 document.body.removeChild(this.document.getElementById("Button1"));
 document.body.appendChild(div1);
 
 createLabel(div1,30,5,"颜色");
 createInput("text","DivCorlor",30,30,div1);
 createBR(div1);
 
 createLabel(div1,50,5,"透明度");
 createInput("text","DivTM",50,30,div1);
 createBR(div1);
 
 createLabel(div1,70,5,"大小:");
 createLabel(div1,70,9,"宽度");
 createInput("text","DivWidth",70,15,div1);
 createLabel(div1,70,39,"高度");
 createInput("text","DivHeight",70,43,div1);
 createBR(div1);
 

 
 createLabel(div1,90,5,"位置:");
 createLabel(div1,90,9,"top");
 createInput("text","DivTop",90,15,div1);
 createLabel(div1,90,39,"left");
 createInput("text","DivLeft",90,43,div1);
 createBR(div1);
 

 
 createButton(110,30,div1);
 

 
 
 }
 
 function createLabel(appendObj,topObj,leftObj,textObj)
 {
  var label1= document.createElement("Label");
 label1.style.position="relative";
 label1.style.top=topObj;
 label1.style.left=leftObj;
 label1.innerHTML=textObj;
 appendObj.appendChild(label1);
 }
 
 function createInput(typeObj,nameObj,topObj,leftObj,appendObj)
 {
 var input1 = document.createElement("INPUT");
 input1.type=typeObj;
 input1.name=nameObj;
 input1.id=nameObj;
 input1.size="20";
 input1.style.position="relative";
 input1.style.top=topObj;
 input1.style.left=leftObj;
 appendObj.appendChild(input1);
 
 }
 
 function createBR(appendObj)
 {
   var br1 = document.createElement("BR");
   appendObj.appendChild(br1);
 }
 
 function createButton(topObj,leftObj,appendObj)
 {
 var input1 = document.createElement("INPUT");
 input1.type="button";
 input1.name="Button1";
 input1.id="Button1";
 input1.style.position="relative";
 input1.style.top=topObj;
 input1.style.left=leftObj;
 input1.value="改变";
 input1.attachEvent('onclick', divChange);

 appendObj.appendChild(input1);

 }
 function test()
 {
  var obj=this.document.getElementById("Button1");
  alert(obj);
  alert(obj.onClick);
 }
 function divChange()
 {
   var divObj=this.document.getElementById("div1");
   divObj.style.width=this.document.getElementById("DivWidth").value;
   divObj.style.height=this.document.getElementById("DivHeight").value;
   divObj.style.top=this.document.getElementById("DivTop").value;
   divObj.style.left=this.document.getElementById("DivLeft").value;
   divObj.style.background=this.document.getElementById("DivCorlor").value;
   divObj.style.filter='alpha(opacity:'+this.document.getElementById("DivTM").value+')';
 }
//-->
</script>
。

 



依然 2008-07-30 10:38 发表评论
]]>