js中的弹框详解

js与浏览器窗口交互

获取id为con 的元素：

var myh=document.getElementById("con");

获取id为con的元素的内容并显示到浏览器：

var myh=document.getElementById(" con").innerHTML;

输出内容document.write()；

警告框alter();

<script type="text/javascript">
	function mychar(){
	var char=" i love you ";
	alter(char);
	alter("hello");
	}
</script>

输入prompt();

<script type="text/javascript">
function rec(){
 var score=prompt("输入你的成绩查询");
 if(score>=90){
 document.write("a");
 }
 else if(score>=80){
 document.write("b");
 }
 else if(score>=70){
	document.write("c");
}
<script>

confirm();

确定还是取消

<script type="text/javascript">
function rec(){
	var mymessage= confirm("你是女士吗");
	if(mymessage==true){
	doucment.write("你是女士");
}
else{
  document.write("你是男士");
}
function resettext(){
var mychose=confirm("取消样式吗")
if(mychose==true){
 mydiv.removeAttribute("style");
}
}
<script>
<body>
<input name="button" type ="button" onClick="rec()" value="点击我确认">;
</body>

关于confirm的用法

//confirm的使用
<title>我们互动下</title>
<script>
    function mychar(){
        var add=confirm("js进击篇");
        if(add==true){
            document.write("继续努力");
        }
        else{
        document.write("祝福你");
        }
    }
   // document.write("js进击篇");
   // alert("关注js高级篇")
</script>
</head>
<body>
    <from>
        <input  type="button" value="点击"  onclick="mychar()">
    </from>
</body>

function mychar(){
        var add=confirm("准备了吗");
        if(add=true){
            document.write("继续努力");
        }
        else{
            document.write("请复习基础");
        }
    }

打开新窗口window.open();

_blank:是否新床口打开， toolbar=no窗口有没有工具条，scrollbars有没有滚动条，status有无状态栏；

<script type="text/javascript">
 function Wopen(){
 window.open('http://baidu.com','_blank','height=400,width=200,toolbar=no,scrollbars,status=yes');
<script>

关闭窗口close()

<script type="text/javascript">
window.close();//关闭笨窗口
或<窗口对象>.close() //关闭指定窗口
//例如
var mywin=window.open('http://baidu,com');
mywin.close();
<script>

_怕惊了风

发布了5 篇原创文章 · 获赞 3 · 访问量 233

私信关注

警告框alter();

输入prompt();

confirm();

猜你喜欢