联通智慧沃家:弹出窗口的html的代码是怎么写的?
来源:百度文库 编辑:神马品牌网 时间:2024/05/03 07:43:16
方法/步骤:
1、在浏览的网页中,弹出新的网页窗口页面。(如图)代码:<SCRIPT LANGUAGE="javascript"> window.open ('page.html'); </SCRIPT>
2、在浏览页面中,弹出警告框窗口。(如图)代码:<SCRIPT LANGUAGE="javascript"> alert("欢迎浏览本页面!"); </SCRIPT>
3、在浏览页面中,弹出确认框窗口。(如图)代码:<SCRIPT LANGUAGE="javascript"> confirm("确定要保存吗?"); </SCRIPT>
4、在浏览页面中,弹出提示框窗口。(如图)代码:<SCRIPT LANGUAGE="javascript"> prompt("请输入密码","***");</SCRIPT>
扩展资料:
参数解释:
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为允许。
<!doctype html>
<html>
<head><title>无标题文档</title></head>
<body>
<!--插入按钮 开始-->
<input type="button" value="弹出对话框" onclick="MsgBox()" />
<!--插入按钮 结束-->
<!--引用JS代码以达到弹出对话框目的 开始-->
<script language="javascript">
function MsgBox() //声明标识符
{
alert("我是对话框的内容"); //弹出对话框
}
</script>
<!--引用JS代码以达到弹出对话框目的 结束-->
</body>
</html>
扩展资料
//弹出窗口刷新当前页面 this.Response.Write("<script
language=javascript>window.open('rows.aspx')</script>");this.Response.Write("
<script>window.open('WebForm2.aspx','_blank');</script>");
//弹出提示窗口跳到webform2.aspx页(在一个IE窗口中) this.Response.Write(" <script
language=javascript>alert('注册成功'); window.window.location.href='WebForm2.aspx';
</script> ");
参考资料来源:百度百科 - HTML
参考资料来源:百度百科 - DOCTYPE
参考资料来源:百度百科 - js代码
<!doctype html>
<html>
<head><title>无标题文档</title></head>
<body>
<!--插入按钮 开始-->
<input type="button" value="弹出对话框" onclick="MsgBox()" />
<!--插入按钮 结束-->
<!--引用JS代码以达到弹出对话框目的 开始-->
<script language="javascript">
function MsgBox() //声明标识符
{
alert("我是对话框的内容"); //弹出对话框
}
</script>
<!--引用JS代码以达到弹出对话框目的 结束-->
</body>
</html>
扩展资料
方法参数详解:
参数解释:
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为允许。
弹窗有很多种,有弹出提示窗口,弹出新的网页窗口等,都可以通过JavaScript代码实现。
下面介绍两种简单的操作代码:
1、在浏览的网页中,弹出新的网页窗口页面。(如图)代码:<SCRIPT LANGUAGE="javascript"> window.open ('page.html'); </SCRIPT>
2、在浏览页面中,弹出警告框窗口。(如图)代码:<SCRIPT LANGUAGE="javascript"> alert("欢迎浏览本页面!"); </SCRIPT>
3、在浏览页面中,弹出确认框窗口。(如图)代码:<SCRIPT LANGUAGE="javascript"> confirm("确定要保存吗?"); </SCRIPT>
4、在浏览页面中,弹出提示框窗口。(如图)代码:<SCRIPT LANGUAGE="javascript"> prompt("请输入密码","***");</SCRIPT>
<!doctype html>
<html>
<head><title>无标题文档</title></head>
<body>
<!--插入按钮 开始-->
<input type="button" value="弹出对话框" onclick="MsgBox()" />
<!--插入按钮 结束-->
<!--引用JS代码以达到弹出对话框目的 开始-->
<script language="javascript">
function MsgBox() //声明标识符
{
alert("我是对话框的内容"); //弹出对话框
}
</script>
<!--引用JS代码以达到弹出对话框目的 结束-->
</body>
</html>
扩展资料
语言特点
超级文本标记语言文档制作不是很复杂,但功能强大,支持不同数据格式的文件镶入,这也是万维网(WWW)盛行的原因之一,其主要特点如下:
1、简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便。
2、可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。
3、平台无关性:虽然个人计算机大行其道,但使用MAC等其他机器的大有人在,超级文本标记语言可以使用在广泛的平台上,这也是万维网(WWW)盛行的另一个原因。
4、通用性:另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。
参考资料来源:百度百科 HTML