九种js弹出对话框的实现方法
</script>
</head>
<body>
<a href="#" οnclick="openwin()">打开一个窗口</a>
<input type="button" οnclick="openwin()" value="打开窗口">
</body>
</html>
看看 OpenWindow.document.write()里面的代码不就是标准的HTML吗?只要按照格式写更多的行即可。千万注意多一个标签或少一个标签就会出现错误。记得用OpenWindow.document.close()结束啊。
【9、终极应用--js弹出对话框的窗口之Cookie控制】
回想一下,上面的弹出窗口虽然酷,但是有一点小毛病(沉浸在喜悦之中,一定没有发现吧?)比如你将上面的脚本放在一个需要频繁经过的页面里(例如首页),那么每次刷新这个页面,窗口都会自动执行js弹出对话框代码一次,是不是非常烦人?:-(有解决的办法吗?Yes! ;-) Follow me.
我们使用cookie来控制一下就可以了。
首先,将如下代码加入主页面HTML的<HEAD>区:
<script>
function openwin()
{window.open("page.html","","width=200,height=200")}
function get_cookie(Name)
{var search = Name + "="
var returnvalue = "";
if (documents.cookie.length > 0) {
offset = documents.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = documents.cookie.indexOf(";", offset);
if (end == -1)
end = documents.cookie.length;
returnvalue=(documents.cookie.substring(offset,end))
}
}
return returnvalue;
}
function loadpopup(){
if (get_cookie("popped")==""){
openwin()
documents.cookie="popped=yes"
}
}
</script>
然后,用<bodyοnlοad="loadpopop()">(注意不是openwin而是loadpop啊!)替换主页面中原有的<BODY>这一句即可。你可以试着刷新一下这个页面或重新进入该页面,窗口再也不会再有js弹出对话框了。真正的实现只弹一次。
需要注意的是,JS脚本中的的大小写最好前后保持一致。
以上就是九种js弹出对话框的代码,读者如果有兴趣,可以阅读文章IE编程经验和在IE编程栏目中找到更多相关的网页设计技巧。
九种js弹出对话框的实现方法相关推荐
- 九种js弹出对话框的方法
[1.最基本的js弹出对话框窗口代码] 这是最基本的js弹出对话框,其实代码就几句非常简单: 复制代码代码如下: <script LANGUAGE="javascript"& ...
- html js弹出等待框,九种js弹出对话框的方法总结
[1.最基本的js弹出对话框窗口代码] 这是最基本的js弹出对话框,其实代码就几句非常简单: 因为这是一段javascripts代码,所以它们应该放在之间.是对一些版本低的浏览器起作用,在这些老浏览器 ...
- JS弹出对话框的三种方式
javascript的三种对话框是通过调用window对象的三个方法alert(),confirm()和prompt()来获得,可以利用这些对话框来完成js的输入和输出,实现与用户能进行交互的js代码 ...
- js“弹出对话框”和“弹出窗口”详解
JS中showModalDialog 详细使用 基本介绍: showModalDialog() (IE 4+ 支持) showModelessD ...
- java在后台输出js弹出对话框
http://blog.163.com/yurong_1987@126/blog/static/4751786320092711596354/ 实现方法分为两种: 一.直接在后台打印js对话框,原理如 ...
- js弹出对话框的方法总结
1.最基本的js弹出对话框窗口代码 <script LANGUAGE="javascript"> window.open (" 地址 ") < ...
- js弹出对话框(半透明背景,兼容各浏览器)
js弹出对话框在某些情况下是一个很好的工具,通过半透明的设置,使得弹出对话框在弹出时仍然能够看到网页内容,会让用户有一个很好的界面体验. 而且懒人萱已做过测试,可以兼容现在的所有主流浏览器,所以你可以 ...
- php 打开微信对话框,PHP_PHP控制前台弹出对话框的实现方法,应用场景: 微信授权登 - phpStudy...
PHP控制前台弹出对话框的实现方法 应用场景: 微信授权登录过程中,需要用户确认,故衍生此需求: 相应的逻辑不放在前端的原因是,此部分逻辑属于偏功能业务,所以放在后端,方便统一管理. 解决办法: 通过 ...
- js弹出对话框的三种方式(转)
原文地址:https://www.jb51.net/article/81376.htm javascript的三种对话框是通过调用window对象的三个方法alert(),confirm()和prom ...
最新文章
- [翻译] DSL和模型驱动开发的最佳实践(3/4)
- 焊缝标注vlx实用程序_焊缝标注实例(记住这七个技巧,受益无穷)
- RocketMQ-初体验RocketMQ(11)-过滤消息_自定义Java类筛选消息
- 玩C一定用得到的19款Java开源Web爬虫
- .NET Core微服务之基于IdentityServer建立授权与验证服务(续)
- 均质机工作原理动画_3D动画演示:有刷直流电机的工作原理
- 一文说透架构设计的本质
- 容器、Docker与Kubernetes——Kubernetes的配置入门
- 什么样的技术最后会成为CTO
- SpringMVC注解@RequestParam解析
- python教程-4.数据处理numpy-pandas
- 线性排序算法-堆排序 (2)
- java毕业设计小小银动漫网站源码+lw文档+mybatis+系统+mysql数据库+调试
- 智慧城市的顶层设计与底层对接
- BZOJ3503.【CQOI2014】和谐矩阵
- oc 管理工具 黑苹果 下载_灵越7590黑苹果(win10下)
- android开发工具类之获得WIFI IP地址或者手机网络IP
- NewStarCTF 公开赛赛道 WEEK2 pwn 砍一刀
- Web 3浪潮席卷东南亚 越南为何会成为“热点”地区
- fat32 ntfs有什么不同