1.网站换肤功能
主要思路:写出来两套css样式,通过js控制css的外链id,代码如下:
<link rel="stylesheet" href="red.css" id="red">
function skinRed() {
var oL = document.getElementById('red')
oL.href="red.css"
}
总结:任何标签都可以添加id
2、a标签
主要思路:点击a标签禁止跳转,且执行js代码,
<a href="javascript:;"></a>
3.操作属性的两种方法:
第一种,通过.的形式,
text.value= "这是改变后的文字"
第二种,通过数组属性的形式,使用[],这种方法使用情况为属性及值不确定;
a= "value"
text[a]="这是改变后的文字"
通常封装函数使用第二种方式,容易改变名字及属性。
4、变量和字符串的区别
字面量:看到这个东西,自然就知道是什么,值是固定的
变量:常量,类型不固定
5、className和style
element.style.属性 = “xxx” 是修改行间样式(读写)
element.className = "xxx" 赋值,
修改style后再修改className不会有效果
6、条件语句,if只执行一次,while可执行多次;
if(条件){
代码块
}
而while书写方式:var i=0;
while(i<5){
alert(i)
i++
}
7、js简易日历
a、程序实现思路
类似选项卡,只是在下面多一个div;
innerHTML可以设置标签里面的文字,
b、数组使用和字符串拼接