需要了解的HTML知识
标签 table,tr,th,td
用循环进行重复操作
for(;;){}
javascript字符串
在javascript中,第一个字符在位置0上。cat,c在位置0上,a在位置1上,t在位置2上,所有其他字符串方法都是基于0的,在检查cat的length时,才会看到3这个值。
将值传递给函数
function abc(temp) function abc(temp1,temp2)
探测对象
window.onload = newCard;
function newCard{
if(document.getElementById){
for(var i =0;i<24;i++){
setSquare(i);
&nbs ......
当需要在网页中显示时间时可以用到下面这段代码:
<SCRIPT language=JavaScript type=text/JavaScript>
var day="";
var month="";
var ampm="";
var ampmhour="";
var myweekday="";
var year="";
mydate=new Date();
myweekday=mydate.getDay();
mymonth=mydate.getMonth()+1;
myday= mydate.getDate();
myyear= mydate.getYear();
year=(myyear > 200) ? myyear : 1900 + myyear;
if(myweekday == 0)
weekday=" 星期日 ";
else if(myweekday == 1)
weekday=" 星期一 ";
else if(myweekday == 2)
weekday=" 星期二 ";
else if(myweekday == 3)
weekday=" 星期三 ";
else if(myweekday == 4)
weekday=" 星期四 ";
else if(myweekday == 5)
weekday=" 星期五 ";
else if(myweekday == 6)
weekday=" 星期六 ";
document.write(year+"年"+mymonth+"月"+myday+"日"+weekday);
</SCRIPT> ......
以下事例为结合本人电脑而设计的参数,您也可改为自己的尺寸
<SCRIPT LANGUAGE="JavaScript">
var chicun;
chicun=screen.width;
if(chicun==1280||chicun==1440||chicun==1600)
{
<!--
function initEcAd() {
document.all.AdLayer1.style.posTop = -100;
document.all.AdLayer1.style.visibility = 'visible';
document.all.AdLayer2.style.posTop = -100;
document.all.AdLayer2.style.visibility = 'visible';
MoveLeftLayer('AdLayer1');
MoveRightLayer('AdLayer2');
}
function MoveLeftLayer(layerName) {
var x = 10;
var y = 180;
var diff = (document.body.scrollTop + y - document.all.AdLayer1.style.posTop)*.40;
var y = document.body.scrollTop + y - diff;
eval("document.all." + layerName + ".style.posTop = parseInt(y)");
eval("document.all." + layerName + ".style.posLeft = x");
setTimeout("MoveLeftLayer('AdLayer1');", 100);
}
function MoveRightLayer(layerName) {
var x = 10;
var y = 180;
var diff = (document.body.scrollTop + y - document.all.AdLayer2.style.posTop)*.40;
var y = documen ......
制作Javascript弹出窗口技巧九则
1、最基本的弹出窗口代码
其实代码非常简单:
< SCRIPT LANGUAGE="javascript">
< !--
window.open ("page.html")
--
>
< /SCRIPT>
因为这是一段Javascript代码,所以它们应该放在< SCRIPT LANGUAGE="javascript">之间。 < !-- 和 -->是对一些版本低的浏览器起作用,在这些老浏览器中不会将标签中的代码作为文本显示出来。要养成这个好习惯啊。
window.open ("page.html") 用于控制弹出新的窗口page.html,如果page.html不与主窗口在同一路径下,前面应写明路径,绝对路径(http://)和相对路径(../)均可。
用单引号和双引号都可以,只是不要混用。
这一段代码可以加入HTML的任意位置,< head>和< /head>之间可以,< body>间< /body>也可以,越前越早执行,尤其是页面代码长,又想使页面早点弹出就尽量往前放。 也可以,越前越早执行,尤其是页面代码长,又想使页面早点弹出就尽量往前放。
2、设置后的弹出窗口
下面再说一说弹出窗口的设置。只要再往上面的代码中加一点东西就可以了。我们来定制这个弹出的窗口 ......
我们经常需要在JavaScript中给Element动态添加各种属性,这可以通过使用setAttribute()来实现,这就涉及到了浏览器的兼容性问题。
setAttribute(string name, string value):增加一个指定名称和值的新属性,或者把一个现有的属性设定为指定的值。
1、样式问题
setAttribute(class, value)中class是指改变class这个属性,所以要带引号。
vName代表对样式赋值。
例如:
var input = document.createElement(input);
input.setAttribute(type, text);
input.setAttribute(name, q);
input.setAttribute(class,bordercss);
输出时:,即,input控件具有bordercss样式属性
注意:class属性在W3C DOM中扮演着很重要的角色,但由于浏览器差异性仍然存在。
使用setAttribute(class, vName)语句动态设置Element的class属性在firefox中是行的通的,但在IE中却不行。因为使用IE内核的浏览器不认识class,要改用className;
同样,firefox 也不认识className。所以常用的方法是二者兼备:
element.setAttribute(class, value); //for firefox
element.setAttribute(className, value); //for IE
......
基本上全部加了注释,一行一注....呵呵
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>数组排序</title>
<mce:style type="text/css"><!--
body{
font-family:宋体;
font-size:9pt;
background:#EDEDED;
}
h2
{
font-weight:normal;
font-size:18px;
text-align:center;
background:#fff;
border:solid 1px #B8B8B8;
padding:15px 15px 10px 15px;
}
#InputArr
{
width: 218px;
}
#Show
{
margin-top:20px;
width:40%;
min-height:100px;
height:auto;
padding:10px;
background:white;
border:dashed 1px #B8B8B8;
}
--></mce:style><style type="text/css" mce_bogus="1">body{
font-family:宋体;
font-size:9pt;
background:#EDEDED;
}
h2
{
font-weight:normal;
font-size:18px;
text-align ......