网站怎么做弹窗

操作方法

  • 01

    【1、最基本的弹出窗口代码】 其实代码非常简单: <SCRIPT LANGUAGE="javascript"> <!-- window.open (`page.html`) --> </SCRIPT> 因为着是一段javascripts代码,所以它们应该放在<SCRIPT LANGUAGE="javascript">标签和</script>之间。<!-- 和 -->是对一些版本低的浏览器起作用,在这些老浏览器中不会将标签中的代码作为文本显示出来。要养成这个好习惯啊。 window.open (`page.html`) 用于控制弹出新的窗口page.html,如果page.html不与主窗口在同一路径下,前面应写明路径,绝对路径(http://)和相对路径(../)均可。用单引号和双引号都可以,只是不要混用。 这一段代码可以加入HTML的任意位置,<head>和</head>之间可以,<body bgcolor="#003063" text="#ffffff" id=all>间</body>也可以,越前越早执行,尤其是页面代码长,又想使页面早点弹出就尽量往前放。 【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` 弹出窗口的名字(不是文件名),非必须,可用空``代替; height=100 窗口高度; width=400 窗口宽度; top=0 窗口距离屏幕上方的象素值; left=0 窗口距离屏幕左侧的象素值; toolbar=no 是否显示工具栏,yes为显示; menubar,scrollbars 表示菜单栏和滚动栏。 resizable=no 是否允许改变窗口大小,yes为允许; location=no 是否显示地址栏,yes为允许; status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许; </SCRIPT> js脚本结束 【3、用函数控制弹出窗口】 下面是一个完整的代码。 <html> <head> <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> </head> <body> …任意的页面内容… </body> </html> 这里定义了一个函数openwin(),函数内容就是打开一个窗口。在调用它之前没有任何用途。 怎么调用呢? 方法一:<body> 浏览器读页面时弹出窗口; 方法二:<body> 浏览器离开页面时弹出窗口; 方法三:用一个连接调用: <a href="#">打开一个窗口</a> 注意:使用的“#”是虚连接。 方法四:用一个按钮调用: <input type="button" value="打开窗口">

(0)

相关推荐

  • 双语网站怎么做

    操作方法 01 通常外贸企业要做双语网站,中文和英文双语网站如何做呢?这个问题会难到大多数网页设计师. 双语网站的制作方法并不是固定的,方式有很多种,有一种最简单最方便,但最不常用的一种方法,就是设计 ...

  • 网站怎样做才最好

    一个做的很好的网站,有很多方面,包括颜色 .速度 .设计. 导航下面详细为大家介绍下吧 操作方法 01 颜色是影响网页的重要因素,不同的颜色对人的感觉有不同的影响.如:红色和橙色使人兴奋并使得心跳加速 ...

  • 生态门企业网站怎样做网络推广

    随着互联网的普及,做生态门的企业大概是小我私家曾经不再是少量了,做生态门企业的着名度和品牌,做生态门网站推行性子也是差未几的,如何做好生态门网站推行呢? 步骤/方法 01 首先,明白生态门推行的目的. ...

  • 微网站怎么做?

    当今社会的科技时代下,我们都需要一个微网站来为自己的企业.平台等做为推广的一个渠道. 操作方法 01 搜索慧璟网,进入登录首页,前往注册界面注册账号,登录进去. 02 进行添加商铺,根据自己的企业类型 ...

  • 开发一个网站需要做哪些准备?

    互联网地迅速普及,让网站成为大家印象中的一个代名词,不管是个人也好,或者是企业,总想着有一个网站,作为个人宣传的名片,或者是企业经营的代名词,网站成为了一种趋势,那么如果去开发一个网站,前期需要做哪些 ...

  • 公众号微网站怎么做

    微信公众号里的微网站现在已经不足为奇了,微网站的作用让顾客方便快捷全面地了解自己的信息,但是一些新手还是一头雾水,下面分享公众号微网站制作教程 操作方法 01 订阅号和服务号都可以制作,由于微信公众号 ...

  • 怎么关闭2345网站的今日热点弹窗

    2345网站是一款热门网址导航服务平台,深受广大用户的欢迎,可是,它总是会时不时弹出今日热点,令人头疼,我们该怎么关闭2345网站的今日热点弹窗呢?别着急,小编今天来为大家介绍方法.具体如下:1. 首 ...

  • 手把手教你做电商网站导航设计

    双十一马上就要到了,大家憋了一年终于又可以买买买了,可是广大辛勤的设计师却还在为了网站的优化而默默的奋斗中,特别是刚入门的设计师,也许电商的一个网站导航也要纠结半天,别担心,这都不是事儿,今天带来的文 ...

  • win10怎么阻止网站弹窗

    很多网站都有弹窗广告,下面小编教大家怎么利用win10自带的功能阻止网站弹窗,供大家参考! 操作方法 01 在桌面上鼠标右键单击此电脑选择属性,如下图所示 02 电脑属性界面点击控制面板主页,如下图所 ...