美文网首页
2. JavaScript常用互动方法

2. JavaScript常用互动方法

作者: 苏宇lovecc | 来源:发表于2016-08-07 11:32 被阅读7次
  1. 输出内容(document.write)
    document.write() 函数可用于直接向HTML输出流写内容

<script type="text/javascript">
document.write("hello");
document.getElementById("p1").style.color="blue";
</script>


2. 警告(alert消息对话框)

<script type="text/javascript">
var mynum = 30;
alert("hello!");
alert(mynum);
</script>


3. 确定(confirm消息对话框)
confirm消息对话框通常用于允许用户做选择的动作,如:“你对吗?”等。弹出对话框(包括一个确定按钮和一个取消按钮)。
语法:

confirm(str);

参数:

str:在消息对话框中要显示的文本
返回值:Boolean值

返回值:

当用户点击"确定"按钮时,返回true
当用户点击"取消"按钮时,返回false

示例代码:

<script type="text/javascript">
var mymessage=confirm("你喜欢JavaScript吗?");
if(mymessage==true)
{ document.write("很好,加油!"); }
else
{ document.write("JS功能强大,要学习噢!"); }
</script>


4. 提问(prompt消息对话框)
prompt 弹出消息对话框,通常用于询问一些需要和用户交互的信息。弹出对话框(包含一个确定按钮、一个取消按钮与一个文本输入框)。
语法:

prompt(str1, str2);

参数说明:

str1:要显示在消息对话框里的文本,不可省略
str2:输入文本框中的提示文本,可省略

返回值:
  1. 点击确定按钮,文本框中的内容将作为函数返回值
  2. 点击取消按钮,将返回null
示例代码:

var myname = prompt("请输入你的名字:");
if() {
alert("Hello"+myname);
}else {
alert("Hello my friend");
}


5. 打开新窗口(window.open) [参考](https://developer.mozilla.org/zh-CN/docs/Web/API/Window/open)
`open()` 方法可以查找一个已存在或新建的浏览器窗口。
语法:

window.open([URL], [name], [参数字符串]);

参数说明:

URL:可选参数,声明了要在窗口中显示的网页的URL。它可以是web上的HTML页面也可以是图片文件或者其他任何浏览器支持的文件格式。如果省略这个参数,或者它的值是空字符串;那么窗口将不现实任何文档。
name:可选参数,表示被打开窗口的名称。
1. 该名称由字母、数字和下划线字符组成。
2. "top"、"blank"和"_self"具有特殊含义。
* _top:框架网页中在上部窗口中显示目标网页
* _blank:在新窗口中显示目标网页。
* _selft:在当前窗口显示目标网页。
3. 相同name的窗口只能创建一个。要想创建多个窗口,name必须不同。
4. name不能包含有空格。
参数字符串:可选参数,设置窗口参数,各参数用逗号隔开。

例如:打开 http://www.imooc.com 网站,大小为300px*200px,无菜单,无工具栏,无状态栏,有滚动条窗口:

<script type="text/javascript">
window.open('http://www.imooc.com', '_blank', 'width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes')
</script>

注意:运行结果考虑浏览器兼容问题。

6. 关闭窗口(window.close)[参考](https://developer.mozilla.org/zh-CN/docs/Web/API/Window/close)
`close()` 关闭窗口。
语法:
  window.close();           //关闭窗口
或者:
  <窗口名称>.close();        //关闭指定的窗口
例如,关闭新建的窗口:

<script type="text/javascript">
var mywin=window.open('http://www.imooc.com'); //将新打的窗口对象,存储在变量mywin中
mywin.close();
</script>

注意:上面的代码在打开新窗口的同时,关闭该窗口,看不到被打开的窗口。

相关文章

  • 2. JavaScript常用互动方法

    输出内容(document.write)document.write() 函数可用于直接向HTML输出流写内容 d...

  • JavaScript 学习笔记(二)

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

  • JavaScript常用互动方法

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

  • 2.常用的互动方法

    document.write() 输出多项内容,内容之间用+号连接 var mystr="hello"; doc...

  • 2018-01-26

    JavaScript常用互动方法 输出: 语法:document.write() 有三种情型: 第一种: do...

  • JavaScript复制内容到剪贴板的两种常用方法

    1.JavaScript复制内容到剪贴板的两种常用方法_javascript技巧_脚本之家 2. clipboar...

  • JavaScript常用工具方法封装

    因为工作中经常用到这些方法,所有便把这些方法进行了总结。 JavaScript 1. type 类型判断 2. D...

  • document对象-8.18

    复习 javascript 组成? window 常用方法 history 对象常用方法 如何打开一个窗口 ? 关...

  • js常用互动方法

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

  • Javascript常用方法

    接口介绍 使用构造函数法定义一个接口模拟类,在内部用this关键字指代实例对象,使用prototype对象添加类的...

网友评论

      本文标题:2. JavaScript常用互动方法

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