一、思路分析 我们新建一个首页,在首页放置一个点击开始游戏的按钮，动态生成100个小格，即100div；然后通过点击div进行扫雷操作，然后扫雷成功或者失败显示对应的结果； 二、静态页面搭建 2.1 结构层...-- Game over弹出的框（窗口）--> <div class="...border-left:1px solid #B25F27; box-shadow: 5px 5px 5px rgba(0,0,0,0.3); display:none; /* 先<em>设置</em><em>为</em>...none,开始游戏后显示block */ } Game Over .alertBox{ display:none; /* 先<em>设置</em><em>为</em>none,开始结束显示block */ position...width:100%; height:100%; left:0; top:0; background-color: rgba(0,0,0,0.2); } 游戏结束<em>弹出</em><em>窗口</em>右上角的
我们可以把HTML文件和js代码分开，并单独创建一个JavaScript文件，其文件后缀名通常为 .js然后将JS代码直接写在JS文件中。...; JavaScript-警告 我们在访问网站的时候，有时候会突然弹出一个小窗口，上面写着一段提示信息文字。...弹出对话框（包括一个确定按钮和一个取消按钮）。 语法： confirm(str); 参数说明： str：在消息对话框中要显示的文本 返回值：Boolean值。...3.相同name的窗口只能创建一个，要想创建多个窗口则name不能相同。 4.name不能包含空格。 参数字符串：可选参数，设置窗口参数，各参数用逗号隔开。...语法： document.getElementById("id") innerHTML属性 innerHTML属性用于获取或替换HTML元素的内容。
1用法： 2confirm(str); 3 4参数说明： 5str：在消息对话框中要显示的文本 6返回值: Boolean值 7 8返回值： 9当用户点击"确定"按钮时，返回true 10...，也可为空 8 9返回值： 10当用户点击确定按钮时，文本框中的内容将作为函数返回值 11当用户点击取消按钮时，将返回null ?...1 _blank：在新窗口显示目标网页 2 _self：在当前窗口显示目标网页 3 _top：框架网页中在上部窗口中显示目标网页 (3).相同 name 的窗口只能创建一个，要想创建多个窗口则...1Object.innerHTML = xxx; Object是获取的元素对象，如通过document.getElementById("ID")获取的元素。...5、控制类名 通过className属性设置或返回元素的class属性。 1object.className = "css样式"; 通常使用该属性为某个元素动态改变css样式。
7、alert弹窗： 我们在访问网站的时候，有时会突然弹出一个小窗口，上面写着一段提示信息文字。如果你不点击“确定”，就不能对网页做任何操作，这个小窗口就是使用alert实现的。..._self和_top，_self表示在当前窗口打开新页面，_top表示在框架网页中在上部窗口中显示目标网页；第三个参数字符串可以设置如下内容： 参数 值 说明 top Number 窗口顶部离开屏幕顶部的像素数...() 返回/设置小时，24小时制 get/setMinutes() 返回/设置分钟 get/setSeconds() 返回/设置秒 get/setTime() 返回设置时间(毫秒为单位) 返回星期的方法...url go(参数) 加载history列表中的某个具体的页面，参数为1表示下一页，为-1表示前一页，以此类推 3、location对象： location用于获取或设置窗体的URL，并且可以用于解析...设置为红色、字体大小为20、背景颜色为蓝色。
("id值")：通过元素的id获得元素对象 *操作Element对象： 1.设置属性值： 1.1明确获取的对象是哪一个， 1.2查看API文档，找其中有哪些属性可以设置...Navigator:浏览器对象 Screen:显示器屏幕对象 History:历史记录对象 Location:地址栏对象 Window:窗口对象 1.创建 2.方法 1.与弹出框有关的方法：...2.与开发关闭有关的方法： open()打开一个新的浏览器窗口 close()关闭浏览器窗口 3.与定时器有关的方式 settimeout()在指定的毫秒数后调用函数或计算...*HTML DOM 1.标签体的设置和获取:innerHTML 2.使用html元素的对象 3.控制元素样式 3.1.使用元素的style属性来设置 如： //修改元素的...-->fontSize div.style.fontSize="20px"; //提前定义好类选择器的样式，通过元素的ClassName属性来设置其classs属性值。
2、创建数组 在JavaScript中，创建数组共有3种方法： （1）新建一个长度为0的数组 举例： 1 var myArr = new Array(); （2）新建长度为n的数组 举例： 1 2 3...在JavaScript中，一个浏览器窗口就是一个window对象。window对象主要用来控制由窗口弹出的对话框、打开窗口或关闭窗口、控制窗口的大小和位置等等。...： 分析： 我们首先点击“resizeTo”按钮把当前窗口宽度设置为200px，而高度也设置为200px。...alert()方法没有返回值。 二、confirm() 在JavaScript中，confirm()方法对话框一般用于确认信息，它只有一个参数，返回值为true或false。...6、innerHTML和innerText 在JavaScript中，我们可以使用innerHTML和innerText这2个属性很方便地获取和设置某一个元素内部子元素或文本。
在JavaScript中，可以创建对话框或弹出窗口来与用户进行交互。 JavaScript具有三种不同类型的弹出框：警告框，确认框和提示框。 一、警告框 警告框是最简单的弹出框。...; } document.getElementById("output").innerHTML = txt } ?...三、提示框 如果希望用户在进入页面之前输入值，通常会使用提示框。提示框包括文本输入字段，“确定”和“取消”按钮。 如果用户单击“确定”，则该框将返回输入值。...= "") { document.getElementById("output").innerHTML = "Hello " + name + "，你好"; } else { document.getElementById...注意： prompt()方法返回的值始终是字符串。这意味着，如果用户在输入字段中输入15，则返回字符串“ 15”而不是数字15。 2.
2）操作Element对象： 修改属性值：要明确获取的对象是哪一个，再查看API，找其中有哪些属性可以设置； 修改标签体内容：通过属性innerHTML修改 <!...创建：1、window.history 2、history 属性：1、length，返回当前浏览器窗口的浏览历史记录； 方法：1、back()，加载history 列表中的前一个...，通过元素属性的className属性来设置class的属性值，应用较多； 5、动态表格案例实战 1）添加表格的实现思路： * 1、给添加按钮绑定单击事件 * 2、获取文本框内容 * 3、创建td，设置...td的文本为文本框的内容 * 4、创建tr，将td添加到tr中 * 5、获取table，将tr添加到table中 2）删除表格的实现思路： * 1、确定点击的是哪一个超链接 * 2、再删除 <...td，设置td的文本为文本框的内容 * 4、创建tr，将td添加到tr中 * 5、获取table，将tr添加到table中 * 删除： *
中创建三种消息框：警告框、确认框、提示框。...如果用户点击确认，那么返回值为true，如果用户点击取消，那么返回值为false。 语法： confirm("是否确定？") 提示框 提示框经常用于提示用户在进入页面输入某个值。...当提示框出现后，用户需要输入某个值，然后点击确认或取消按钮才能继续操作。 如果用户点击确认，那么返回值为输入的值，如果用户点击取消，那么返回值为null。...("d1") divEle.innerText divEle.innerHTML 设置文本节点的值： var divEle = document.getElementById("d1") divEle.innerText...函数定义过程中的this为形参。
中创建三种消息框：警告框、确认框、提示框。...如果用户点击确认，那么返回值为 true。如果用户点击取消，那么返回值为 false。 语法： confirm("你确定吗？") 提示框（了解即可） 提示框经常用于提示用户在进入页面前输入某个值。...当提示框出现后，用户需要输入某个值，然后点击确认或取消按钮才能继续操纵。 如果用户点击确认，那么返回值为输入的值。如果用户点击取消，那么返回值为 null。...= document.getElementById("d1") divEle.innerText divEle.innerHTML 设置文本节点的值： var divEle = document.getElementById...函数定义过程中的ths为形参。
中创建三种消息框：警告框、确认框、提示框。...如果用户点击确认，那么返回值为 true。如果用户点击取消，那么返回值为 false。 语法： confirm("你确定吗？") 提示框（了解即可） 提示框经常用于提示用户在进入页面前输入某个值。...当提示框出现后，用户需要输入某个值，然后点击确认或取消按钮才能继续操纵。 如果用户点击确认，那么返回值为输入的值。如果用户点击取消，那么返回值为 null。...("d1") divEle.innerText divEle.innerHTML 设置文本节点的值： var divEle = document.getElementById("d1") divEle.innerText...函数定义过程中的ths为形参。
/ > 语法： window.open([URL], [窗口名称], [参数字符串]) _blank：在新窗口显示目标网页 _self：在当前窗口显示目标网页 _top...：框架网页中在上部窗口中显示目标网页 window.close(); //关闭本窗口 .close(); //关闭指定的窗口 HTML代码分解为DOM节点层次图: 通过ID获取元素 document.getElementById(“id”) <!...document.getElementById("con") innerHTML 属性 innerHTML 属性用于获取或替换 HTML 元素的内容... javascript JavaScript是一种基于对象、事件驱动的简单脚本语言，嵌入在HTML文档中，由浏览器负责解释和执行
image.png 语法： window.open([URL], [窗口名称], [参数字符串]) _blank：在新窗口显示目标网页 _self：在当前窗口显示目标网页 _top：框架网页中在上部窗口中显示目标网页...Content-Type" content="text/html; charset=gbk"/> // 新窗口打开时弹出确认框...document.getElementById("con") innerHTML 属性 innerHTML 属性用于获取或替换 HTML 元素的内容... javascript JavaScript是一种基于对象、事件驱动的简单脚本语言，嵌入在HTML文档中，由浏览器负责解释和执行...+""); //输出原h2标签内容 document.getElementById("con") document.write("修改后的标题:"+mychar.innerHTML);
1.document.write(""); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document->html->(head,body) 4.一个浏览器窗口中的DOM顺序是:window...关闭一个窗口:window.close(), 窗口本身:self 20.状态栏的设置:window.status="字符"; 21.弹出提示信息:window.alert("字符"); 22.弹出确认框...(),document.createTextNode() 29.得到元素的方法:document.getElementById() 30.设置表单中所有文本型的成员的值为空: var form...("表单元素").tabIndex = 1 57.innerHTML的值是表单元素的值:如"how are you",则innerHTML的值就是:how....htc 63.window.focus()使当前的窗口在所有窗口之前. 64.blur()指失去焦点.与FOCUS()相反. 65.select()指元素为选中状态. 66.防止用户对文本框中输入文本
:打开窗口window.open(), 关闭一个窗口:window.close(), 窗口本身:self 20.状B栏的设置:window.status= "字符 "; 21.弹出提示信息:window.alert...:document.createElement(),document.createTextNode() 29.得到元素的方法:document.getElementById() 30.设置表单中所有文本型的成员的值为空....JS中的焦点顺序:document.getElementByid( "表单元素 ").tabIndex = 1 57.innerHTML的值是表单元素的值:如 "how...are you " ,则innerHTML的值就是:how are you 58.innerTEXT的值和上面的一样,只不过不会把 这种思窍允境隼...()指失去焦点.与FOCUS()相反. 65.select()指元素为选中状B. 66.防止用户对文本框中输入文本: 67.取出该元素在页面中出现的数量:document.all.tags( "div
(), 关闭一个窗口:window.close(), 窗口本身:self 20.状态栏的设置:window.status="字符"; 21.弹出提示信息:window.alert("字符");...(),document.createTextNode() 29.得到元素的方法:document.getElementById() 30.设置表单中所有文本型的成员的值为空: var form.../ 56.JS中的焦点顺序:document.getElementByid("表单元素").tabIndex = 1 57.innerHTML的值是表单元素的值:如"how...are you",则innerHTML的值就是:how are you 58.innerTEXT的值和上面的一样,只不过不会把这种标记显示出来....64.blur()指失去焦点.与FOCUS()相反. 65.select()指元素为选中状态. 66.防止用户对文本框中输入文本:onfocus="this.blur()" 67.取出该元素在页面中出现的数量
方法 alert()：弹出警告框 prompt()：弹出可输入对话框 confirm()：弹出确认框 colse()：关闭当前窗口 open(URL)：打开新窗口 setTimeout("javaScript...特点 * Window对象不需要创建可以直接使用 * Window的方法可以直接使用 三、Location 1. 方法 ① reload()：刷新网页 2....属性 * href：获取/设置地址 * var a = kk //获取链接 * kk = "https://www.baidu.com" //设置外部链接需要加协议 3....("span"); var a = document.getElementById("a"); //设置初始值 var time = 5; function f1()...方法 ① back()：加载历史记录中的前一个网页 ② forward()：加载历史记录中的后一个网页 ③ go(param)：加载历史记录中的一个网页 param:
如果用户点击确认，那么返回值为 true。如果用户点击取消，那么返回值为 false。 语法： confirm("你确定吗？") 1.2.5.7提示框 提示框经常用于提示用户在进入页面前输入某个值。...当提示框出现后，用户需要输入某个值，然后点击确认或取消按钮才能继续操纵。 如果用户点击确认，那么返回值为输入的值。如果用户点击取消，那么返回值为 null。...= document.getElementById("d1") divEle.innerText divEle.innerHTML 设置文本节点的值： var divEle = document.getElementById...函数定义过程中的this为形参。...s2Ele.innerHTML = ''; //循环城市的数组，创建option标签，操作属性，添加到第二个select框中 for (let i=0;
，如果文档包含框架（frame 或 iframe 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象 window.frames 返回窗口中所有命名的框架...opener是用open方法打开当前窗口的那个窗口 ①：父子窗体之间的通讯 在页面内嵌入一个iframe，在iframe中提供一个输入项，输入后，在iframe外面窗口中显示内容 显示结果如上图所示，...("content").value; // 将输入的内容显示到主窗体info 中 window.parent.document.getElementById("info").innerHTML = content...-- 在主窗体中获得子窗体内容 --> <iframe src="2...("time1").innerHTML =date.toLocaleString(); document.getElementById("time2").innerHTML =date.toLocaleString
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
