慕课网

精品课程 JavaScript入门篇

JavaScript入门篇

最热最新

用户861881488

con是内容的标签名称，通过设置两个按钮，一个是隐藏内容，一个是显示内容，分别对con中的内容进行样式设置。form中是定义了两个按钮，通过function对按钮的功能在进行了定义。从而实现隐藏和显示的功能

查看全部

0 采集收起来源：显示和隐藏（display属性）
2016-08-21
用户861881488

先通过VAR mychar=document.getElementById("");获取文件，然后通过mychar.style.color="red";来修改样式

查看全部

0 采集收起来源：改变 HTML 样式
2018-03-22
慕粉木粉

因为没学到removeAttribute()，所以没用，想用className去完成，可是实在不会，只好用Object.style.proproty = new style方法和Object.style.display = value方法。一定要记住，这两个 = 号后面的取值一定要加英文的" "。 //定义"取消设置"的函数 function cancelSetup() { setup = confirm("是否取消设置？"); if (setup ==true) { btn.style = "null"; //这种方法更简单<br> /* btn.style.color = "#000000"; btn.style.backgroundColor = "#ffffff"; btn.style.width = "600px"; btn.style.height = "400px"; btn.style.display = "block"; */ } else{ alert("不了，谢谢，亲！") }

查看全部

0 采集收起来源：编程挑战
2018-03-22
用户861881488

document.getElementById("con")是获取标签信息；document.getElementById("con")innerHTML才是获取标签内的内容；

查看全部

0 采集收起来源：innerHTML 属性
2018-03-22
慕粉木粉

语法： Object.className = classname Object：是指获取的元素对象 className:是关键字 classname：这个必须有引号，是替换的class类名。

查看全部

0 采集收起来源：控制类名（className 属性）
2016-08-21
慕粉木粉

JS——显示和隐藏（display属性）语法：Object.style.display = value value=“none”——此元素不会被显示 value=“block”——此元素将显示为块级元素（即显示）(并且显示的是块级元素的布局）注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素。 display="" 有引号

查看全部

0 采集收起来源：显示和隐藏（display属性）
2018-03-22
慕粉木粉

如何改变 HTML 元素的样式呢？<br> <br> 语法: Object.style.property=new style;<br> 注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素。 property:是指的样式，就是我们所说的样式表中的东西，只是属性，= 号后面才是CSS属性的值；还有就是像背景颜色在CSS样式表中写法是：background-color，而这里是backgroundColor，不要搞混了。

查看全部

0 采集收起来源：改变 HTML 样式
2018-03-22
慕粉木粉

document.getElementById('con')获取的只是P标签，返回的是[object HTMLParagraphElement]，document.getElementById('con').innerHTML获取的才是P标签里的内容，返回的是JavaScript

查看全部

0 采集收起来源：通过ID获取元素
2016-08-20
慕粉木粉

document.getElementById(“id”) 获取到的是整个对象用document.getELementById().innerHTML;才可以获取到其中的内容

查看全部

0 采集收起来源：通过ID获取元素
2016-08-20
慕粉木粉

左边例子输出为null,是因为代码是顺序执行的，先调用了JavaScript代码，但是这个时候还没有ID为“con”的元素，得到空

查看全部

0 采集收起来源：通过ID获取元素
2016-08-20
程序森

close()关闭窗口用法： window.close(); //关闭本窗口或 <窗口对象>.close(); //关闭指定的窗口例如:关闭新建的窗口。 <script type="text/javascript"> var mywin=window.open('http://www.imooc.com'); //将新打的窗口对象，存储在变量mywin中 mywin.close(); </script> 注意:上面代码在打开新窗口的同时，关闭该窗口，看不到被打开的窗口。

查看全部

0 采集收起来源：JavaScript-关闭窗口（window.close）
2018-03-22
慕粉木粉

function openWindow() { //新窗口弹出对话框，是否打开新窗口 var openWin = confirm("是否打开新窗口?"); if (openWin == true) { // 通过输入对话框，确定打开的网址，默认为 http：//www.baidu.com/ var rewWin = prompt("请输入网址:","http://www.baidu.com"); if (rewWin != null) { //打开的窗口要求，宽400像素，高500像素，无菜单栏、无工具栏。 window.open(rewWin,"_blank","width=400,height=500,menubar=no,toolbar=no"); } else { alert ("那我走了！"); //跳出弹框，如果点取消，弹出对话 } } else { alert ("嗯，我走了！！");//新窗口，点击取消，弹出对话 } }

查看全部

0 采集收起来源：编程练习
2018-03-22
程序森

open() 方法可以查找一个已经存在或者新建的浏览器窗口。语法： window.open([URL], [窗口名称], [参数字符串]) 参数说明: URL：可选参数，在窗口中要显示网页的网址或路径。如果省略这个参数，或者它的值是空字符串，那么窗口就不显示任何文档。窗口名称：可选参数，被打开窗口的名称。 1.该名称由字母、数字和下划线字符组成。 2."_top"、"_blank"、"_selft"具有特殊意义的名称。 _blank：在新窗口显示目标网页 _self：在当前窗口显示目标网页 _top：框架网页中在上部窗口中显示目标网页 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> 注意：运行结果考虑浏览器兼容问题。

查看全部

0 采集收起来源：JavaScript-打开新窗口（window.open）
2018-03-22
程序森

prompt弹出消息对话框,通常用于询问一些需要与用户交互的信息。弹出消息对话框（包含一个确定按钮、取消按钮与一个文本输入框）。语法: prompt(str1, str2); 参数说明： str1: 要显示在消息对话框中的文本，不可修改 str2：文本框中的内容，可以修改返回值: 1. 点击确定按钮，文本框中的内容将作为函数返回值 2. 点击取消按钮，将返回null 看看下面代码: var myname=prompt("请输入你的姓名:"); if(myname!=null) { alert("你好"+myname); } else { alert("你好 my friend."); } 注:在用户点击对话框的按钮前，不能进行任何其它操作。

查看全部

0 采集收起来源：JavaScript-提问（prompt 消息对话框）
2018-03-22
程序森

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> 注: 消息对话框是排它的，即用户在点击对话框按钮前，不能进行任何其它操作。

查看全部

0 采集收起来源：JavaScript-确认（confirm 消息对话框）
2018-03-22

首页上一页 1867 1868 1869 1870 1871 1872 1873 下一页尾页

0/150

提交

取消

开始学习

课程须知: 该课程是针对新手的一个简单基础的课程，让您快速了解JS，通过一些简单的代码编写体会JS。如果您已经对JS有所了解，可以跳过本课程，学习JS进阶课程，进一步学习JS相应的基础知识。学习本课程，希望您至少具备HTML/CSS基础知识，认识常用的标签。

老师告诉你能学到什么？: 1. 理解JavaScript基础语法； 2. 掌握常用语句的使用方法； 3. 学会如何获取DOM元素及进行简单操作。