,,前出塞知识网" />
" width="60%" alt="'>"
1、最基本的弹出窗口代码
< SCRIPT LANGUAGE="javascript">。
< !--
window.open ("page.html")。
-- >
< /SCRIPT> 。
window.open ("page.html") 用于控制弹出新的窗口page.html,如果page.html不与主窗口在同一路径下,前面应写明路径,绝对路径(http://)和相对路径(../)均可。
2、经过设置后的弹出窗口
< SCRIPT LANGUAGE="javascript">。
< !--
window.open ("page.html", "newwindow", "height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no") 。
->
< /SCRIPT> 。
< SCRIPT LANGUAGE="javascript"> js脚本开始;window.open 弹出新窗口的命令;"page.html" 弹出窗口的文件名;"newwindow" 弹出窗口的名字(不是文件名),非必须,可用空"代替;
3、用函数控制弹出窗口
< script LANGUAGE="JavaScript">。
< !--
function openwin() {。
window.open ("page.html", "newwindow", "height=100, width=400, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no")。
-->
< /script>。
这里定义了一个函数openwin(),函数内容就是打开一个窗口。
4、同时弹出2个窗口
< script LANGUAGE="JavaScript">。
< !--
function openwin() {。
window.open ("page.html", "newwindow", "height=100, width=100, top=0, left=0,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no")。
window.open ("page2.html", "newwindow2", "height=100, width=100, top=100, left=100,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no")。
-->
< /script>。
为避免弹出的2个窗口覆盖,用top和left控制一下弹出的位置不要相互覆盖即可。
5、主窗口打开文件1.htm,同时弹出小窗口page.html。
< script language="javascript">。
< !--
function openwin() {。
window.open("page.html","","width=200,height=200")。
-->
< /script>。
事件流描述的是从页面中接收事件的顺序,IE采用事件冒泡流,标准采用事件捕获流,最后addEventLister给出了第三个参数同时支持冒泡与捕获。
常用的事件主要有:
(1)单击事件:onclick。用户单击鼠标按键时产生的事件,同时。nclick指定的事件处理程序或代码将被调用执行.。
(2)改变事件:onchange。当text或textarea元素内的字符值改变或select表格选项状态改变时发生该事件。
(3)选中事件:onselect。当text或textarea对象中的文字被选中时会引发该事件。如:。
<ipnut type="text" value="默认信息”onselect=alert(”您选中T文本框中的文字”)>。
(4)获得焦点事件:onfocus。用户单击text或textarea以及select对象,即光标落在文本框或选择框时会产生该事件。如:。
<select name= "zhengjian" onfocus=alert(”我成为焦点”)>。
(5)失去焦点事件:onblur.失去焦点事件正好与获得焦点事件相对,当text或textarea以及select对象不再拥有焦点而退出后台时,引发该事件。
(6)载人文件事件:onload,’当页面文件载人时产生该事件。onload的一个作用就是在首次载人一个页面文件时检测cookie的值,并用一个变量为其赋值,使它可以被源代码使用,本事件是window的事件,但是在HTML中指定事件处理程序时,一般把它写在<body>标记中。如:。
<body onload=alert(”正在加载页面,请等待一”)>。
(7)卸载文件事件:onunload。与载人文件事件。nload正好相反,当Web页面退出时引发的事件,并可更新。ookie的状态。如:。
<body onunload=confirm(”你确定要离开本页?”)>。
(8)鼠标镇盖事件:onmouseover, onmouseover是当鼠标位于元素上方时所引发的事件。如:。
<input type= "boutton" value=”按钮”onmouseover= "window. status=‘请您注意下面的状态栏·;return true">。
(9)鼠标离开事件:onmouseout, onmouseout是当鼠标离开元素时引发的事件。如果和鼠标覆盖事件同时使用,可以创建动态按钮的效果。
(10)一般事件。
ondbclick:鼠标双击事件。
onkeypress:当键盘上的某个键被按下并且释放时触发的事件,要求页面内必须有激活的对象。
onkeydown:当键盘上某个键被按下时触发的事件,要求页面内必须有激活的对象。
onkeyup:当键盘上某个键被放开时触发的事件,要求页面内必须有激活的对象。
(11)页面相关事件。
onabort:图片在下载时被用户中断时触发的事件。
onbeforeunload:当前页面的内容将要被改变时触发的事件。
JavaScript 弹窗共有三种。
1、window.alert("sometext");。
2、window.confirm("sometext");。
3、window.prompt("sometext","defaultvalue");。
但是这3种方法都不能做一个大小固定的小窗口,要做大小固定的弹窗,需要我们自己在HTML文档中编写:
HTML:
.btn:点击button后弹窗出现。
.close:点击X后弹窗消失。
.con:是弹窗内容区
.bk:屏蔽页面其他内容,弹窗出现时,弹窗的z-index最大,其他内容不能进行操作。
CSS:
JQ:
页面展现效果:
1、点击按钮
2、出现一个自己控制的500*200的弹框,同时浏览区背景为灰色。
3、点击红色区域右上角X号,弹窗会消失。
<script>
function mfk()
if(confirm("确定吗?"))。
window.close();。
</script>。
<body onload="mfk()">。
随手写的。不保证正常运行。。如有错误。。可能是单词打错了。
<script type="text/javascript">。
window.onload = function(){。
var t = document.getElementById("1");。
t.onmouseover = function(){。
t.style.fill = 'green';。
}
t.onmouseout = function(){。
t.style.fill = 'yellow';。
}
</script>。
其余元素都差不多,只是多写几遍,添加监听罢了。