如何在js中实现点击按钮弹出提示框

JavaScript018

如何在js中实现点击按钮弹出提示框,第1张

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html，输入问题基础代码。

2、在index.html中的<body>标签中，输入js代码：

function fun() {

alert('click success!')

}

3、浏览器运行index.html页面，此时点击按钮弹出了提示框。

js加载iframe框架 弹出框

<、script language="JavaScript" type="text/JavaScript">

function showIframe(url,w,h){

//添加iframe

var if_w = w

var if_h = h

//allowTransparency='true' 设置背景透明

$(" + if_w + "' height='" + if_h + "' id='YuFrame1' name='YuFrame1' style='position:absolutez-index:4' frameborder='no' marginheight='0' marginwidth='0' allowTransparency='true'>").prependTo('body')

var st=document.documentElement.scrollTop|| document.body.scrollTop//滚动条距顶部的距离

var sl=document.documentElement.scrollLeft|| document.body.scrollLeft//滚动条距左边的距离

var ch=document.documentElement.clientHeight//屏幕的高度

var cw=document.documentElement.clientWidth//屏幕的宽度

var objH=$("#YuFrame1").height()//浮动对象的高度

var objW=$("#YuFrame1").width()//浮动对象的宽度

var objT=Number(st)+(Number(ch)-Number(objH))/2

var objL=Number(sl)+(Number(cw)-Number(objW))/2

$("#YuFrame1").css('left',objL)

$("#YuFrame1").css('top',objT)

$("#YuFrame1").attr("src", url)

//添加背景遮罩

$("").prependTo('body')

var bgWidth = Math.max($("body").width(),cw)

var bgHeight = Math.max($("body").height(),ch)

$("#YuFrame1Bg").css({width:bgWidth,height:bgHeight})

//点击背景遮罩移除iframe和背景

$("#YuFrame1Bg").click(function() {

$("#YuFrame1").remove()

$("#YuFrame1Bg").remove()

})

}

<、input type="button" onClick="showIframe('http://baidu.com',460,280)" value="加载"/>