肉鸡系列01

最新推荐文章于 2024-07-07 19:49:24 发布

最新推荐文章于 2024-07-07 19:49:24 发布 · 214 阅读

文章标签：

#框架 #HTML

JavaScript 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何使用JavaScript进行DOM操作，包括页面元素的写入、页面跳转、类的实例化及表单下拉列表值的获取等。文中还提供了一个示例代码，演示了如何通过getElementById方法获取指定元素，并监听其变化。

top/parent/FrameSet/Frame/iFrame
document.write();
<script>
中间的代码如果不在function里面，会直接执行，在里面可以干很多事情
</script>
页面跳转：
onUnload/onload
reload

JS类：
var variable = new ClassName();
JS内置类或自己写好的框架的类

window.alert()
window.location
window.confirm()
window.open()

获取内容
getElementById
getElementsByName
getElementsById

获取表单下拉列表类型值：
<select name="condition">
<option name="issueTime">***</option>
</select>

document.formName或者document.getElementsByName("formName")[0]
document.formName.condition.value
document.formName.condition.options[1].value

//转帖一个别人的代码：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script>
function getT(){
var dtd=document.getElementById("dtd");
alert(dtd.option[dtd.options.selectedIndex].value);//需要设置option的值
alert(dtd.options[dtd.options.selectedIndex].innerHTML);//获得option的显示值
}
</script>
</head>
<body>
<select id="dtd" onchange="getT();">
<option>1</option>
<option>2</option>
<option>3</option>
</select>
</body>
</html>