-
<!DOCTYPE html>
<html>
<head>
<title> new document </title>
<meta http-equiv="Content-Type" content="text/html; charset=gbk"/>
<script type="text/javascript">
function openWindow()
{
var a=confirm("确定打开网页吗？")// 新窗口打开时弹出确认框，是否打开
if(a==true)
{
var b=prompt("输入你要打开的网址","http://www.imooc.com/");// 通过输入对话框，确定打开的网址，默认为 http：//www.imooc.com/
if(b!=null)
{
window.open(b,'_blank',"width=400,height=500,toolbar=no,nemubar=no");//打开的窗口要求，宽400像素，高500像素，无菜单栏、无工具栏。
}
}
else
{
alert("请下次确定再来");
}
}
</script>
</head>
<body>
<input type="button" value="新窗口打开网站" onclick="openWindow()" />
</body>
</html>
查看全部 -
fffvffv
查看全部 -
URL：可选参数，在窗口中要显示网页的网址或路径。如果省略这个参数，或者它的值是空字符串，那么窗口就不显示任何文档。窗口名称：可选参数，被打开窗口的名称。 1.该名称由字母、数字和下划线字符组成。 2."_top"、"_blank"、"_self"具有特殊意义的名称。 _blank：在新窗口显示目标网页 _self：在当前窗口显示目标网页 _top：框架网页中在上部窗口中显示目标网页 3.相同 name 的窗口只能创建一个，要想创建多个窗口则 name 不能相同。 4.name 不能包含有空格。参数字符串：可选参数，设置窗口参数，各参数用逗号隔开。
查看全部 -
这个非常重要，背
查看全部 -
getElementById('id'); //获取元素ID查看全部 -
confirm(str); //JS消息对话框 /****** 弹窗有两个按钮：确认(true) 和 取消(false) ******/
查看全部 -
window.open; //打开窗口 window.close; //关闭窗口
查看全部 -
使用object.style.property设置width之类的属性的像素时需要加“”
查看全部 -
1.隐藏：
mychar.style.display="none";2.显示:
mychar.style.display="block";查看全部 -
<body>
<h2 id="con">I love JavaScript</H2>
<p> JavaScript使网页显示动态效果并实现与用户交互功能。</p>
<script type="text/javascript">
var mychar= document.getElementById("con");
mychar.style.color="red";
mychar.style.backgroundColor="#CCC";
mychar.style.width="300px";
</script>
</body>
查看全部 -
元素节点就是标签的意思；文本节点就是标签中的字；属性节点就是标签的属性。
查看全部 -
alert:弹出消息框
confirm:确定取消消息框
查看全部 -
打开http://www.imooc.com网站，大小为300px * 200px，无菜单，无工具栏，无状态栏，有滚动条窗口： <script type="text/javascript"> window.open('http://www.imooc.com','_blank','width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes') </script>查看全部 -
js代码可以加在html的<script>标签中，也可以单独写成js文件，在html的<scriot>标签中加入引用文件类型即可
查看全部 -
方法三
<!--当点击相应按钮，执行相应操作，为按钮添加相应事件-->
<input type="button" value="改变颜色" onclick="set.btn1()">
<input type="button" value="改变宽高" onclick="set.btn2()">
<input type="button" value="隐藏内容" onclick="set.btn3()">
<input type="button" value="显示内容" onclick="set.btn4()">
<input type="button" value="取消设置" onclick="set.btn5()">
</form>
<script type="text/javascript">
var txt=document.getElementById("txt");
var set={
//定义"改变颜色"的函数
btn1:function(){
txt.style.color="#fff";
txt.style.background="red";
},
//定义"改变宽高"的函数
btn2:function(){
txt.style.width="200px";
txt.style.height="200px";
},
//定义"隐藏内容"的函数
btn3:function(){
txt.style.display="none";
},
//定义"显示内容"的函数
btn4:function(){
txt.style.display="block";
},
//定义"取消设置"的函数
btn5:function(){
var quxiao=confirm("是否取消设置");
if(quxiao==true){
txt.removeAttribute("style");//恢复原来的样式
}
}
}
</script>
查看全部
举报