html 静态页参数解析、嵌入其他页面、居中显示网络图像

最新推荐文章于 2022-10-27 16:36:38 发布

scimence

最新推荐文章于 2022-10-27 16:36:38 发布

阅读量390

点赞数

分类专栏： html 文章标签：静态页参数解析嵌入其他页面居中显示网络图像 html静态页网页参数

本文链接：https://blog.csdn.net/scimence/article/details/88990647

版权

html 专栏收录该内容

3 篇文章 1 订阅

订阅专栏

静态页请求参数获取，示例： https://scimence.gitee.io/pages/param.html?parm1=n1&parm2=n2

源码：

<!DOCTYPE html>
<html>
 
	<!-- html静态页参数解析，获取请求？后的参数串,如： .../param.html?parm1=参数1&parmxxx=参数xxx -->
	<head>
		<meta charset="UTF-8">
		<title>html静态页参数解析，获取请求？后的参数串</title>
	</head>

	<script>
		var url = location.search;
		url = url.substr(1)
		document.write(url);
	</script>
	
	<body>
	</body>
 
</html>

嵌入其他页面，示例： https://scimence.gitee.io/pages/https.html?https://www.baidu.com

源码：

<!DOCTYPE html>
<html>
	<!-- 静态页展示动态请求页面,如： .../2.html?https://www.baidu.com/ -->
	<head>
		<meta charset="UTF-8">
		<title>静态页https</title>
	</head>

	<script>
		var url = location.search;
		url = url.substr(1)

		var data = "<object id=\"Object1\" data=\""+ url +"\" type=\"text/x-scriptlet\" width=\"100%\" height=\"1280\" > </object>";
		document.write(data);
	</script>
	
	<body>
	</body>
 
</html>

页面居中显示网络图像： https://scimence.gitee.io/pages/https_img.html?https://avatar.csdn.net/0/F/1/1_ljinshuan.jpg

源码：

<!DOCTYPE html>
<html>
	<!-- 静态页展示动态请求页面,如： .../2.html?https://www.baidu.com/ -->
	<head>
		<meta charset="UTF-8">
		<title>静态页https</title>
	</head>

	<script>
		var url = location.search;
		url = url.substr(1)
		
		var data = "<div align=\"center\"><img src=\""+ url +"\" /></div> "
		<!-- var data = "<object id=\"Object1\" data=\""+ url +"\" type=\"text/x-scriptlet\" width=\"100%\" height=\"1280\" > </object>"; -->
		document.write(data);
	</script>
	
	<body>
	</body>
 
</html>

scimence

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html 静态页参数解析、嵌入其他页面、居中显示网络图像

静态页请求参数获取，示例：https://scimence.gitee.io/pages/param.html?parm1=n1&parm2=n2源码：<!DOCTYPE html><html> <!-- html静态页参数解析，获取请求？后的参数串,如： .../param.html?parm1=参数1&parmxxx=参数xxx...
复制链接

扫一扫