通过js对网页进行换肤:
window.onload=function () {
var link1 =document.getElementById('link1');
link1.href='css.css';
console.log(link1.id)
}
通过创建点击事件来进行指定的换肤:
window.onload=function () {
var btn01 =document.getElementById('btn01');
var btn02 =document.getElementById('btn02');
btn01.onclick=skin01;
btn02.onclick=skin02;
};
function skin01() {
var link1 =document.getElementById('link1');
link1.href='css.css'
}
function skin02() {
var link1 =document.getElementById('link1');
link1.href='css1.css'
}
通过js设置style属性:
window.onload=function () {
var div1 =document.getElementById('div1');
div1.style.color ='red';
div1.style.background='pink';
div1.style.fontSize ='30px';
}
通过js操作类属性:
window.onload=function () {
var div =document.getElementById('div');
div1.className ='box02'
}
在js中用中括号表示变量,如果HTML中的代码也在中括号里需要加上引号标注否则就会把它当成一个变量来处理
document.innerHTML可以读取网页的内容
document.write和innerHTML的区别
document.write只能重绘整个页面
innerHTML可以重绘页面的一部分
js创建函数:
function aa(){
alert('hello!');
}
// 在js中用function定义一个函数
// 调用函数通过函数名直接调用
// aa();
js中的变量是直接调用如果变量上面没有对变量进行赋值则变量就会返回一个默认值,而函数可以完成预解析,只要代码中有对函数的描述,就会返回描述的内容