js弹窗层支持html代码_js alter 弹窗包含html-CSDN博客

本文链接：https://blog.csdn.net/a6942979/article/details/50611048

本文介绍如何创建一个支持HTML代码且能适应手机和平板设备的JavaScript弹窗层。内容涵盖如何实现弹窗的响应式设计，使其在不同屏幕尺寸下保持良好显示效果。

摘要由CSDN通过智能技术生成

js弹窗层支持html代码

<input type="button" value="点击这里" οnclick="sAlert('<b>手机微信扫描分享</b><br><img src=>');" />

<script type="text/javascript" language="javascript">
	function sAlert(str){
	var msgw,msgh,bordercolor,topcolor,bodybackground,neirongbackground;
		msgw=400;//提示窗口的宽度
		msgh=400;//提示窗口的高度
		bodybackground="#fff";//大背景颜色
		bordercolor="#F6F6F6";//提示窗口的边框颜色
		titlecolor="#000";//提示窗口的标题颜色
		topcolor="#F6F6F6";//提示窗口的标题背景颜色
		neirongbackground="#FFF";//提示内容背景色

	var sWidth,sHeight;
		sWidth=document.body.offsetWidth;
		sHeight=document.body.offsetHeight;

	var bgObj=document.createElement("div");
		bgObj.setAttribute('id','bgDiv');
		bgObj.style.position="absolute";
		bgObj.style.top="0";
		bgObj.style.background=bodybackground;
		bgObj.style.filter="progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75";
		bgObj.style.opacity="0.6";
		bgObj.style.left="0";
		bgObj.style.width=sWidth + "px";
		bgObj.style.height=sHeight + "px";
		document.body.appendChild(bgObj);
	var msgObj&#