用户名:密码: 免费注册

当前位置:

首页 >> WEB前端 >> javascript >> 内容
seo培训报名QQseo培训报名QQseo培训报名QQ

javascript弹出窗口代码详解

发布日期:2014年05月11日 所属栏目:javascript  你是第位来访者

 我们在网页设计中,经常遇到单击某个链接或图片,弹出一个小窗口,下面是我在进行网页设计培训中给学员讲解的一个javascript脚本弹出窗口的详解

<SCRIPT LANGUAGE="java script"> 
<!-- 
window.open (’page.html’) 
--> 
</SCRIPT> 
因为这是一段java script代码,所以它们应该放在<SCRIPT LANGUAGE ="java script">标签和</script>之间。<!--和-->是对一些版本低的浏览器起作用,在这些老浏览器中如果不支持java script,不会将标签中的代码作为文本显示出来。 本文内容来自北京恒博教育网页设计培训
Window.open (’page.html’)用于控制弹出新的窗口page.html,如果page.html不与主窗口在同一路径下,前面应写明路径,绝对路径(http://)和相对路径(../)均可。

 

用单引号和双引号都可以,只是不要混用。 
这一段代码可以加入HTML的任意位置,加入到<head>和</head>之间也可以,位置越靠前执行越早,尤其是页面代码较长时,又想使页面早点弹出就尽量往前放。

【经过设置后的弹出窗口】 
下面再说一说弹出窗口外观的设置。只要再往上面的代码中加一点东西就可以了。 
我们来定制这个弹出窗口的外观、尺寸大小、弹出位置以适应该页面的具体情况。 
<SCRIPT LANGUAGE="java script:> 
<!-- 
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="java script"> js脚本开始; 
window.open 弹出新窗口的命令; 
page.html 弹出新窗口的文件名; 
newwindow 弹出窗口的名字(不是文件名),可用空 ″代替; 
height=100 窗口高度; 
top=0 窗口距离屏幕上方的像素值; 
left=0 窗口距离屏幕左侧的像素值; 
toolbar=no 是否显示工具栏,yes为显示; 
menubar,scrollbars 表示菜单栏和滚动栏; 
resizable=no 是否允许改变窗口大小,yes为允许; 
location=no 是否显示地址栏,yes为允许; 
status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许; 
</SCRIPT> js脚本结束。

本文关键字:javascript 弹出窗口代码
javascript弹出窗口代码详解_javascript教程_北京恒博教育javascript培训

  • 最新文章
  • 班级设置
恒博网站培训在线报名
学网站技术,就要选择专业的网站培训学校

  • 课程问答
  • 最新问答
恒博网站培训在线问答

  • 热门TAB
  • 最新TAG
什么人才现在吃香 photoshop web前端开发教程 学软件开发好 网页美工 高中毕业的女孩子 php开发就业指导 php开发培训短期班 网页设计培训教师 移动互联网设计 前端页面构成 参加网页设计学习 计算机基础课程 网站培训学校 学习什么技术 北京网站优化培训 手机网页设计 高级网页设计培训班 jQuery培训教程 员工网站技术提高 待遇 女孩子学什么技术比较好 iis配置 高中毕业后做什么 注意事项 计算机专业 超链接 调用相关文章 内容 业余学习网页设计
网页设计培训 网站建设培训 php培训 网站建设 php开发 网页设计 网站前端开发 web前端开发培训 网站培训 网站前端开发培训 企业网站建设 学员作品 web前端开发 网页设计师 学网站建设 html语言视频教程 学习网页设计 网站设计培训 高中毕业 PHP培训班 css样式 网站优化培训 网站工程师 学习网站建设 jQuery 网页制作 网页设计培训班 网站工程师培训 北京php培训 dedecms

本站首页 | 恒博介绍 | 课程设置 | 课程优势 | 学员作品 | 在线问答 | 学习方案 | 联系我们
版权所有:北京恒博教育网站培训基地 / 北京恒博天地教育咨询有限公司
公司地址:北京市丰台区南三环刘家窑桥东嘉业大厦一期B座1505 室   联系电话:010-52877560
中华人民共和国工业化信息部备案号:京ICP备11037831号