软件

js常用互动方法

2018-06-16  本文已影响0人  L_Y_J

一,document.write("写内容"),可从html里直接输出内容,也可以通过一下几种方法输出内容,如图所示:

几种输出的类型

二,alert(字符串或变量),js的警告消息对话框,alert弹出的对话框包含一个按钮,再点击按钮之前,不能进行任何操作。

三,confirm(str),str是指在消息对话框中要显示的文本,返回值是Boolean类型。弹出的对话框会包含一个确认按钮,和一个取消按钮,确认返回true,取消返回false.

四,prompt(str1,str2),多用于询问一些需要同用户交互的文本,str1是指要显示在消息对话框中的文本,不能进行修改,str2是指文本框中的内容,可以进行修改,可以设置文本框的默认内容。如果点击确定按钮,将返回文本框中的内容,如果取消将返回空。

五,window.open('URL','窗口名称','参数字符串'),参数说明见下图

window.open参数说明 window.open参数表

六,window.close()或<窗口对象>.close();,前者是关闭本窗口,后者是关闭指定窗口。

七,练习案例:要求如图所示

案例练习

练习源代码(javascript部分)

<script type="text/javascript">

    function openWindow()

   var open = confirm("确认新建窗口打开网站吗?");

    if(open ==true){

  var url = prompt("请输入您的网址","http://www.imooc.com");

        if(url !=null){

            window.open("http://www.imooc.com","_blank",'width=400px,height=500px,menubar=no,toolbar=no');

        }

        else{

            alert("再见");

        }

    }

</spript>

上一篇 下一篇

猜你喜欢

热点阅读