联通智慧沃家:弹出窗口的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