-
<!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()"/>
<p id="p2" class="one">JavaScript使网页显示动态效果并实现与用户交互功能。</p>
<input type="button" value="更改外观" onclick="modify()"/>
<script type="text/javascript">
function add(){
var p1 = document.getElementById("p1");
p1.className="one";
}
function modify(){
var p2 = document.getElementById("p2");
p2.className="two"
}
</script>
</body>
</html>查看全部 -
Object.style.display = none
Object.style.display = block
查看全部 -
Object.style.property=new style;
<p id="pcon">Hello World!</p> <script> var mychar = document.getElementById("pcon"); mychar.style.color="red"; mychar.style.fontSize="20"; mychar.style.backgroundColor ="blue"; </script>查看全部 -
除了这两种外，还可以使用html的注释方法<!--注释内容-->
查看全部 -
JS调用函数
查看全部 -
1、新窗口打开时弹出确认框，是否打开
提示: 使用 if 判断确认框是否点击了确定，如点击弹出输入对话框，否则没有任何操作。
2、通过输入对话框，确定打开的网址，默认为 http：//www.imooc.com/
3、打开的窗口要求，宽400像素，高500像素，无菜单栏、无工具栏。
查看全部 -
使用<script></script>有三种方法
1)<script type="text/javascript"></script>
2)<script language="javascript"></script>
这两种是在同一文件内使用的方法，还有一种是专门写一个js文件，然后在html中引用。
3）<script src="code.js" type="text/javascript"></script>
查看全部 -
document是js的内置对象，从属于window对象。主要负责操作浏览器载入的文档。
write是该对象的网页输入函数。
getElementById("id名称")是获取html中ID的方法。
查看全部 -
<!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 myw confirm("是否打开?");
// 新窗口打开时弹出确认框，是否打开
if (myw==true)
{
window.open('http://www.imooc.com/','_blanket','width=400px','height=500px','menubar=no','toolbar=no');
}
// 通过输入对话框，确定打开的网址，默认为 http：//www.imooc.com/
else
{
return;
}
}
//打开的窗口要求，宽400像素，高500像素，无菜单栏、无工具栏。
</script>
</head>
<body>
<input type="button" value="新窗口打开网站" onclick="openWindow()" />
</body>
</html>查看全部 -
javascript设置格式：<script type="text/javascript"></script>
里面的内容语句后面有分号，和高级语言类似。
里面的内容必须以document.开始；比如：document.write()或者document.getElementById()
查看全部 -
例如:打开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>注意：运行结果考虑浏览器兼容问题。
查看全部 -
confirm :确认
prompt：交互和互动
alert：弹出框
查看全部 -
prompt() 消息对话框
查看全部 -
confirm() 用法
查看全部 -
输出页面在html中的四种表现形式
查看全部
举报