js常用互动方法

一,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>

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 2,798评论 0 8
  • 1、JS输出内容 (document.write) document.write()可用于直接向 HTML 输出流...
    多语阅读 460评论 0 0
  • 一、输出内容 第一种:输出内容用""括起,直接输出""号内的内容。 document.write("I love ...
    sophies阅读 207评论 0 1
  • 总述:markdown是一种类html的超文本标记语言。优点:让更多的写作爱好者更专注文本的写作,减少排版的时间;...
    写一本2000000的书阅读 316评论 0 1