【JS学习】慕课网2-7 练习题:制作新按钮,“新窗口打开网站” ,点击打开新窗口。

要求:

1、新窗口打开时弹出确认框,是否打开

提示: 使用 if 判断确认框是否点击了确定,如点击弹出输入对话框,否则没有任何操作。

2、通过输入对话框,确定打开的网址,默认为 http://www.imooc.com/

3、打开的窗口要求,宽400像素,高500像素,无菜单栏、无工具栏。

 1 <!DOCTYPE html>
 2 <html>
 3  <head>
 4   <title> new document </title>
 5   <meta http-equiv="Content-Type" content="text/html; charset=gbk"/>
 6   <script type="text/javascript">
 7
 8     // 新窗口打开时弹出确认框,是否打开
 9
10     // 通过输入对话框,确定打开的网址,默认为 http://www.imooc.com/
11
12     //打开的窗口要求,宽400像素,高500像素,无菜单栏、无工具栏。
13       function openWindow(){
14         var mymessage=confirm("open a website?");//confirm用法
15         if(mymessage==true)
16         {
17            var open=prompt("please input a website name","http://www.imooc.com");//prompt对话框的用法
18
19             window.open(open);
20
21         }
22         else
23         {
24             document.write("null")
25         }
26     }
27
28   </script>
29  </head>
30  <body>
31       <input type="button" value="新窗口打开网站" onclick="openWindow()" />
32  </body>
33 </html>
时间: 2024-08-26 20:44:55

【JS学习】慕课网2-7 练习题:制作新按钮,“新窗口打开网站” ,点击打开新窗口。的相关文章

学习 慕课网 PHP工程师学习计划--我的笔记汇总

为了进一步学习PHP,本周我选定了慕课网的PHP工程师学习计划, 从今天2015-07-06 10:24:47开始从头学习:计划本周尽快学习完成本课程,谨此作为笔记. 有个好的学习计划和思路非常非常重要,非常感谢慕课网提供本套学习计划,希望更多地学习平台能提供像这样全面一条龙学习思路清晰地教程. 计划图:链接 我的学习状况:2015-07-06 10:29:46 笔记汇总 入门必学  篇 web基础 htmlcss基础 (笔记已完成)  

JS入门-慕课网

javascript是一种弱类型的数据交互语言, ch 1 数据类型 js中有六种数据类型:nunmber.string.boolean.null.undenfined.object原始类型:number.string.boolean.null.undefined对象类型:  object 包含了 function.array.date等等 NaN是number类型 ch 2 隐式转换 加号减号加号相当于字符串的拼接减号运算,也能对字符串进行隐性转换,比如num-0 37" + 7 //结果是3

学习慕课网ES6实战项目遇到的问题————呱呱二号

看到这个问题之后,应该将scripts.js 这个文件的红色区域修改饥渴

制作新按钮,“新窗口打开网站” ,点击打开新窗口。

<!DOCTYPE html><html> <head> <title> new document </title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <script type="text/javascript"> // 新窗口打开时弹出确认框,是否打开 //

JavaScript入门--慕课网学习笔记

 JAVASCRIPT-(慕课网)入门篇 我们来看看如何写入JS代码?你只需一步操作,使用<script>标签在HTML网页中插入JavaScript代码.注意, <script>标签要成对出现,并把JavaScript代码写在<script></script>之间. <script type="text/javascript">表示在<script></script>之间的是文本类型(text),ja

慕课网《Android智能机器人“小慕”的实现》项目上手操作与代码解读【1】

慕课网是我所找到的免费教程网站之一(http://www.imooc.com/),上面的项目设计前端.后端.移动开发等很多领域,个人感觉如果对编程感兴趣的话,慕课网绝对是上手项目的最佳选择.这个网站给出的一些项目都很新颖,比一些书上给的不知道沿用了多少年的项目新颖多了,而且在学习的时候如果发现问题可以给老师留言,然后老师都会一一回复.并且每一个项目都会附有源代码及一些资源,如果跟不上老师进度的话可以自己down下来仔细研究.好了,对慕课网我就介绍这么多吧. 因为本人曾经在大三暑假的时候自学过一点

安卓开发_慕课网_百度地图_刮刮涂层效果

学习内容来自“慕课网” 很多电商APP中都有刮刮卡活动,刮开涂层,获取刮刮卡内部信息 原理图: 刮刮卡效果:通过画笔画笔来实现,黄色涂层,蓝色涂层,刮动则将两涂层共有的部分去掉,   就是DstOut对应的 效果 MainActivity.java 1 package com.example.gauguaka; 2 3 import android.os.Bundle; 4 import android.app.Activity; 5 import android.view.Menu; 6 7

慕课网课程学习--JS事件探秘

事件流 事件冒泡(IE):事件最先被最具体的元素(文档中嵌套层次最深的节点)接受,然后逐级向上传播至最不具体的节点(.. -> body ->html -> document): 事件捕获(网景):不具体的节点更早接收到事件,最具体的节点最后接收到事件,和事件冒泡相反. 事件处理程序 1.HTML事件处理程序 原理:把事件直接在HTML结构中的HTML元素上. 方法一. <input type="button" value="click" o

【JS学习】慕课网8-17编程练习 网页的返回与跳转

编程练习 制作一个跳转提示页面: 要求: 1. 如果打开该页面后,如果不做任何操作则5秒后自动跳转到一个新的地址,如慕课网主页. 2. 如果点击“返回”按钮则返回前一个页面. 代码如下: 需要注意的是23行要用window.location.href来指定  用window.open 的话是在新页面打开 27行用计时器setInterval来调用函数  也可以用setTimeout 但此时函数内外都要加上即注释掉的25行 10行超链接指向必须是javascript:跳转函数 1 <!DOCTYP