1.修改样式
<body>
<p id="p1">我是第一段文字</p>
<p id="p2">我是第二段文字</p>
<script type="text/javascript">
document.write("hello");
document.getElementById("p1").style.color="blue"; // 修改id=p1的颜色为蓝色
</script>
</body>
注意:在JS文件中,不需要<script>标签,直接编写JavaScript代码就可以了。
2.confirm() 函数 确定或取消
var mymessage=confirm("你是女士?") ;
if(mymessage==true){
document.write("你是女士!");
}
else{
document.write("你是男士!");
}
3.prompt() 函数 弹出消息对话框,通常用于询问一些需要与用户交互的信息。
function rec(){
var score; //score变量,用来存储用户输入的成绩值。
score = prompt("请输入你的成绩") ;
if(score>=60){
document.write("及格了!");
}
else{
document.write("要努力了!");
}
}
4.window.open() 打开新窗口 close() 关闭窗口
function Wopen(){
window.open('http://www.imooc.com','width=600,height=400,menubar=no,left=0px,top=100')
}
//调用
<input name="button" type="button" onClick="Wopen()" value="点击我,打开新窗口!" / >
5.文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构(节点树)。