html中调用js

1.在html中插入<script></script>标签

2建立独立的XXX.js，用<script src="XXX.js"></script>引用

js互动

1.警告：alert（"")

2.确认：confirm(str); str：在消息对话框中要显示的文本 返回值:Boolean值

3.提问，提示输入：

prompt(str1, str2);

str1: 要显示在消息对话框中的文本，不可修改；str2：文本框中的内容，可以修改

点击确定按钮，文本框中的内容将作为函数返回值； 点击取消按钮，将返回null

4.打开新窗口

window.open([URL], [窗口名称], [参数字符串])

5.关闭窗口

window.close();//关闭本窗口

<窗口对象>.close();//关闭指定窗口
var mywin=window.open('http://www.imooc.com');   mywin.close();

6.练习

function openWindon(){

if(confirm("确定打开新窗口吗？")){

var url = prompt("请输入一个网址","http://www.imooc.com/");

window.open( url,"_blank","toolbar=no, menubar=no, scrollbars=yes,  width=400, height=400");

}

}

DOM

文档对象模型DOM（Document Object Model）定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构（节点树）。

1,通过id获取元素值

document.getElementById(“id”)

2.innerHTML属性用于获得或者修改HTML元素的内容

Object.innerHTML

eg:var mychar=document.getElementById("con"); 

document.write("原标题:"+mychar.innerHTML+""); //输出原h2标签内容 

mychar.innerHTML="Hello world";  document.write("修改后的标题:"+mychar.innerHTML); //输出修改后h2标签内容

3.显示和隐藏标签

Object.style.display= value；（value为none表示隐藏；block显示（块级元素））

注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素

4.控制类名（className 属性）

object.className = classname

1.获取元素的class 属性;2. 为网页内的某个元素指定一个css样式来更改该元素的外观