美文网首页软件
js常用互动方法

js常用互动方法

作者: L_Y_J | 来源:发表于2018-06-16 17:45 被阅读0次

一,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常用互动方法

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

  • JavaScript 学习笔记(二)

    一、常用互动方法 二、常见事件响应 三、JavaScript内置对象 一、常用互动方法 1-1、输出内容 内容可以...

  • JavaScript数组常用方法

    目录 JS 数组常用API常用属性常用方法常见方法语法解释from方法isArrayconcateveryfill...

  • js基础了解

    js数组常用遍历方法使用: js数组常用操作方法使用: 基本逻辑运算: 基本字符串操作方法:

  • vue axios cdn 封装

    1.config.js 常用域名封装: 2.utils.js 常用的方法封装: 3.api.js axios接口...

  • 2016-08-05学习笔记

    JS简介 循环 方法一:if goto 常用 方法二:while 常用 方法三:for 常用 同一个变量不能申明...

  • JsUtil

    一些常用的JS方法

  • js 常用方法总结

    字符串的常用属性,概览 Array对象的方法; 详细js数组常用方法大全

  • JavaScript常用互动方法

    一、输出内容document.write()可用于直接向HTML输出流写入内容。简单的说就是直接在网页中输出内容。...

  • 小程序-常用utils

    小程序-常用utils,整理常用的小程序js工具方法 剔除回车键 utils.js const delEnter ...

网友评论

    本文标题:js常用互动方法

    本文链接:https://www.haomeiwen.com/subject/qhpbeftx.html