动态页面

╰+哭是因爲堅強的太久メ 2022-05-12 00:44 266阅读 0赞

**一 介绍**

借助document对象的open和write方法，可以动态生成一个页面。

**二 代码**

<!DOCTYPE html>
    <html>
    <head>
    	<meta name="author" content="Yeeku.H.Lee(CrazyIt.org)" />
    	<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
    	<title> 动态页面 </title>
    </head>
    <body>
    	<script type="text/javascript">
    		// 计数器
    		var n = 0;
    		var win = null;
    		// 用于显示弹出窗口显示提示信息的函数
    		var show = function(msg)
    		{
    			// 判断弹出窗口是否为空
    			if ((win == null) || (win.closed)) 
    			{
    				// 打开一个新的弹出窗口
    				win = window.open("","console"
    					,"width=340,height=220,resizable");
    				// 将弹出窗口的文档打开成一个text/html文档
    				win.document.open("text/html");
    			}
    			// 让弹出窗口得到焦点
    			win.focus();
    			// 在弹出窗口装载的文档中输出信息
    			win.document.writeln(msg); 
    		}
    	</script>
    	
    	<input type="button" value="单击" 
    		οnclick="show('您单击了按钮:' + ++n + '次。<br/>');">
    </body>
    </html>

** **

**三 运行结果**

![613a3d03-6ecf-3ca4-ba34-997b7bf8f47f.png][]

[613a3d03-6ecf-3ca4-ba34-997b7bf8f47f.png]: /images/20220512/e1af3f5351c74a7d9cc22306cebc6efc.png

发表评论取消回复

表情：

评论列表（有 0 条评论，266人围观）

还没有评论，来说两句吧...

相关阅读

相关动态水滴页面

HTML+CSS实现动态水滴的登录页面参考素材 [获取盒子形状][Link 1]通过这个网站可以执行设置`@keyframes move`中的属性。 ![在这

￡神魔★判官ぃ/ 2024年03月31日 17:35/ 0 赞/ 74 阅读

相关 Vue动态缓存页面

原理通过keep-alive标签的include属性及vuex完成需求说明：A页面到B页面需要缓存，A页面到C页面不需要缓存所要缓存页面的顶级出口 <ke

Bertha 。/ 2023年02月22日 03:50/ 0 赞/ 18 阅读

相关静态页面和动态页面区别

这两者最简单明了的区别就是： [打造全网web前端全栈资料库（总目录）看完学的更快，掌握的更加牢固，你值得拥有（持续更新）][web] 静态页面是不能随时改

清疚/ 2023年02月20日 13:56/ 0 赞/ 33 阅读

相关根据json 动态生成页面——问卷页面

后台向前端传递的json串 { "groups":[ { "group":[

待我称王封你为后i/ 2023年01月01日 04:54/ 0 赞/ 156 阅读

相关静态页面和动态页面的区别

什么是静态页面？什么是动态页面？两者有什么区别？很多不了解前端技术的人可能会认为静态页面就是一个内容固定不变，没有任何效果的页面，而动态页面则是页面非常丰富，有各种交互效果和动

朴灿烈づ我的快乐病毒、/ 2022年12月05日 10:11/ 0 赞/ 226 阅读

相关动态创建html页面,如何动态创建html页面？

这是从该链接：注：jQuery开发团队已经决定不采取这个插件过去的测试版。它不再被积极开发或维护。文档暂时保留(仅供参考)，直到准备好合适的替换模板插件。我不能写

傷城~/ 2022年10月06日 04:56/ 0 赞/ 18 阅读

相关 JSP--动态页面技术

JSP--动态页面技术一、JSP简介： JSP全名为Java Server Pages，中文名叫java服务器页面，其根本是一个简化的[Servl

雨点打透心脏的1/2处/ 2022年09月27日 06:33/ 0 赞/ 252 阅读

相关 ajax页面动态判断

当前遇到这样的项目需求，在用户访问商品详情页面的时候，可以点击关注按钮，来收藏这个商品的信息，如果关注了以后，就要把商品的信息保存到用户的收藏列表中，并给用户一个关注成

r囧r小猫/ 2022年06月12日 07:24/ 0 赞/ 225 阅读

相关抓取动态页面

Python爬虫入门实战七：使用Selenium–以抓取QQ空间好友说说为例 [https://zhuanlan.zhihu.com/p/25006226][https_z

Bertha 。/ 2022年05月27日 09:54/ 0 赞/ 237 阅读

相关动态页面

一介绍借助document对象的open和write方法，可以动态生成一个页面。二代码 <!DOCTYPE html> <html>

╰+哭是因爲堅強的太久メ/ 2022年05月12日 00:44/ 0 赞/ 267 阅读