-
prompt 是消息对话框，prompt（str1，str2）str1是显示的消息对话框的文本 不可更改。str2是消息对话框里的默认值，可更改。
查看全部 -
confirm 消息对话框 会给确定和取消两个按钮，确定返回true ，错误返回false
查看全部 -
alert 警告类型的消息对话框
查看全部 -
输出html标签的时候要带双引号。
查看全部 -
URL：可选参数，在窗口中要显示网页的网址或路径。如果省略这个参数，或者它的值是空字符串，那么窗口就不显示任何文档。窗口名称：可选参数，被打开窗口的名称。 1.该名称由字母、数字和下划线字符组成。 2."_top"、"_blank"、"_self"具有特殊意义的名称。 _blank：在新窗口显示目标网页 _self：在当前窗口显示目标网页 _top：框架网页中在上部窗口中显示目标网页 3.相同 name 的窗口只能创建一个，要想创建多个窗口则 name 不能相同。 4.name 不能包含有空格。参数字符串：可选参数，设置窗口参数，各参数用逗号隔开。
查看全部 -
打开窗口的参数表
查看全部 -
基本属性表
查看全部 -
My answer:
<!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 confirmWindow=confirm("open new window?");
if(confirmWindow == true){
var inputAdd;
inputAdd = prompt("Please enter the address:","http://www.imooc.com/");
window.open(inputAdd,'width = 400','height=500','toobar=no','menubar=no');
}
else{
alert("Not opening window.");
}
}
// 新窗口打开时弹出确认框，是否打开
// 通过输入对话框，确定打开的网址，默认为 http：//www.imooc.com/
//打开的窗口要求，宽400像素，高500像素，无菜单栏、无工具栏。
</script>
</head>
<body>
<input type="button" value="新窗口打开网站" onclick="openWindow()" />
</body>
</html>
查看全部 -
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>innerHTML</title>
</head>
<body>
<h2 id="con">javascript</H2>
<p> JavaScript是一种基于对象、事件驱动的简单脚本语言，嵌入在HTML文档中，由浏览器负责解释和执行，在网页上产生动态的显示效果并实现与用户交互功能。</p>
<script type="text/javascript">
var mychar= document.getElementById("con");
document.write("原标题:"+mychar.innerHTML+"<br>"); //输出原h2标签内容
mychar.innerHTML = "Hello World!";
document.write("修改后的标题:"+mychar.innerHTML); //输出修改后h2标签内容
</script>
</body>
</html>查看全部 -
引用JS文件：<script src="script.js"></script>
查看全部 -
JavaScript代码标签：<script></script>
查看全部 -
内容输出：document.write("");
例：document.write("hello");
document.getElementById("p1").style.color="blue"
目录ID是“P1”颜色为蓝色查看全部 -
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>className属性</title>
<style>
body{ font-size:16px;}
.one{
border:1px solid #eee;
width:230px;
height:50px;
background:#ccc;
color:red;
}
.two{
border:1px solid #ccc;
width:230px;
height:50px;
background:#9CF;
color:blue;
}
</style>
</head>
<body>
<p id="p1" > JavaScript使网页显示动态效果并实现与用户交互功能。</p>
<input type="button" value="添加样式" onclick="add()" id="p3"/>
<p id="p2" class="one">JavaScript使网页显示动态效果并实现与用户交互功能。</p>
<input type="button" value="更改外观" onclick="modify()"/>
<script type="text/javascript">
function add(){
var p1 = document.getElementById("p1");
var p3= document.getElementById("p3")
if(p1.className=="")
{p1.className="one";
p3.value="恢复"}
else {p1.className="";p3.value="添加样式"}
}
function modify(){
var p2 = document.getElementById("p2");
p2.className="two"
}
</script>
</body>
</html>查看全部 -
标签.removeAttribute("style");
可以取消标签内的属性值
查看全部
举报