1.在html中插入javascript代码:在body前插入成对的<script type=”text/javascript”></script>标签之后 在标签的中间插入javascript的代码
2.Javascript的代码放在body或者head中都可以 如果是放在head中就先解析javascript的代码 然后再解析其他代码 放在body的其他地方则读取到这段代码的时候才解析
3.将js代码和html代码分开写 html代码中只需要写出javascript的出处:<script src=”文件放置的地方”></script> 而javascript文件就只负责代码部分 并且不需要script标签
4.Confirm确认窗口
<script type="text/javascript">
var mymessage=confirm("你喜欢JavaScript吗?");
if(mymessage==true)
{ document.write("很好,加油!"); }
else
{ document.write("JS功能强大,要学习噢!"); }
</script>
5.prompt 消息对话框
var myname=prompt("请输入你的姓名:");
if(myname!=null)
{ alert("你好"+myname); }
else
{ alert("你好 my friend."); }
6.打开新窗口 window.open
Window.open(<URL>, <窗口名称>, <参数字符串>)
参数说明:
URL:打开窗口的网址或路径。
窗口名称:被打开窗口的名称。
可以是"_top"、"_blank"、"_selft"等。
参数字符串:设置窗口参数,各参数用逗号隔开。
当参数没有得到响应的时候可以尝试换个浏览器来试试
7.关闭窗口(window.close)
用法:
window.close(); //关闭本窗口
或
<窗口对象>.close(); //关闭指定的窗口
例如:关闭新建的窗口。
<script type="text/javascript">
var mywin=window.open('http://www.imooc.com'); //将新打的窗口对象,存储在变量mywin中
mywin.close();
</script>
编程练习
1、新窗口打开时弹出确认框,是否打开
提示:使用 if 判断确认框是否点击了确定,如点击弹出输入对话框,否则没有任何操作。
2、通过输入对话框,确定打开的网址,默认为 http://www.imooc.com/
3、打开的窗口要求,宽400像素,高500像素,无菜单栏、无工具栏。
<!DOCTYPE html>
<html>
<head>
<title> new document </title>
<meta http-equiv="Content-Type" content="text/html; charset=gbk"/>
<script type="text/javascript">
// 新窗口打开时弹出确认框,是否打开
// 通过输入对话框,确定打开的网址,默认为 http://www.imooc.com/
//打开的窗口要求,宽400像素,高500像素,无菜单栏、无工具栏。
function openWindow(){
// 新窗口打开时弹出确认框,是否打开
var open=confirm("确认打开新窗口");
if(open==true){
var site=prompt("输入想要打开的网址");
window.open(site,'_blank','width=400,height=500,menubar=no,toolbar=no');
}
else{
document.write("错误的输入");}
}
</script>
</head>
<body>
<form>
<input type="button" value="新窗口打开网站" οnclick="openWindow()" />
</form>
</body>
</html>
1.通过ID获取元素
document.getElementById(“id”)
注:获取的元素是一个对象,如想对元素进行操作,我们要通过它的属性或方法。
2.innerHTML属性:获取或替换HTML的内容
<script type="text/javascript">
var mychar=document.getElementById("con"); ;
document.write("原标题:"+mychar.innerHTML+"<br>"); //输出原h2标签内容
mychar.innerHTML="hahahaha";
document.write("修改后的标题:"+mychar.innerHTML); //输出修改后h2标签内容
</script>