慕课网

精品课程 JavaScript入门篇

JavaScript入门篇

最热最新

_辣子

<script type="text/javascript"></script>

查看全部

0 采集收起来源：新朋友你在哪里（如何插入JS）
2018-03-22
zjde2013

HTML DOM 允许 JavaScript 改变 HTML 元素的样式。如何改变 HTML 元素的样式呢？语法: Object.style.property=new style; 注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素。

查看全部

0 采集收起来源：改变 HTML 样式
2018-03-22
E丶

<input type="button" value="改变颜色" onClick="color()"> <input type="button" value="改变宽高" onClick="whth()"> <input type="button" value="隐藏内容" onClick="hide()"> <input type="button" value="显示内容" onClick="show()"> <input type="button" value="取消设置" onClick="cancel()"> </form> <script type="text/javascript"> //定义"改变颜色"的函数 function color(){ txt.style.color="red"; txt.style.backgroundColor="blue"; } //定义"改变宽高"的函数 function whth(){ txt.style.width="300px"; txt.style.height="400px"; } //定义"隐藏内容"的函数 function hide(){ txt.style.display="none"; } //定义"显示内容"的函数 function show(){ txt.style.display="block"; } //定义"取消设置"的函数 function cancel(){ if(confirm("是否取消设置？")==true){ txt.; txt.; } }

查看全部

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

innerHTML属性 innerHTML属性用于获取或替换HTML元素的内容。语法：Object.innerHTML 注意：1.object是获取的元素对象，如通过document.getElmentById("ID")获取的元素。 2.注意书写，innerHTML区分大小写我们通过id="con"获取<p>元素，并将元素的内容和改变后的元素的内容输出代码如下： <body> <p id="con">helloo world!</p> <script> var mycon=document.getElmentById("con"); document.write("p标签原始内容："+mycon.innerHTML+"<br>"); //改变元素内容 mycon.innerHTML="new text!"; document.write("p表签修改后的内容:"+mycon.innerHTML); </script> </body>

查看全部

0 采集收起来源：innerHTML 属性
2018-03-22
zjde2013

学过HTML/CSS样式，都知道，网页由标签将信息组织起来，而标签的id属性值是唯一的，就像是每人有一个身份证号一样，只要通过身份证号就可以找到相对应的人。那么在网页中，我们通过id先找到标签，然后进行操作。语法: document.getElementById(“id”)

查看全部

0 采集收起来源：通过ID获取元素
2016-08-06
_辣子

mychar.style.width="300px";

查看全部

0 采集收起来源：改变 HTML 样式
2018-03-22
秋馔筠

function Wopen(){ var xinbox=confirm("是否新建窗口？"); var ttcaa=prompt("请输入网址","http://www.imooc.com"); if(xinbox==true&&ttcaa=="http://www.imooc.com"){ window.open(ttcaa,'_blank','width=600,height=500,left=100,top=100') } else{ alert("你没有打开窗口！") document.write("你为啥不打开慕课网？") } }

查看全部

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

javascript中常用方法（必须写在script标签内）： <script> 1.document.write("welcome"); //打印输出；（1）document.write("");（直接输出内容）（2）document.write(变量名);（输出变量里的内容）（3）document.write(变量名+"");（多项内容的输出通过+号连接）（4）document.write(变量名+""+"<br>"); （输出HTML标签，并起作用，标签使用“”括起来） 2.alert("警告窗口"); //跳出警示框语法: alert(字符串或变量); 注:alert弹出消息对话框(包含一个确定按钮)。注意: （1）在点击对话框"确定"按钮前，不能进行任何其它操作。（2）消息对话框通常可以用于调试程序。（3）alert输出内容，可以是字符串或变量，与document.write 相似。 3.confirm("提示信息"); //确认或者取消返回布尔值 true或者false confirm 消息对话框通常用于允许用户做选择的动作，弹出对话框(包括一个确定按钮和一个取消按钮)。 <script type="text/javascript"> var mymessage=confirm("你喜欢JavaScript吗?"); if(mymessage==true) { document.write("很好,加油!"); } else { document.write("JS功能强大，要学习噢!"); } </script>

查看全部

0 采集收起来源：编程练习
2018-03-22
秋馔筠

语法： window.open([URL], [窗口名称], [参数字符串]) 参数说明: URL：可选参数，在窗口中要显示网页的网址或路径。如果省略这个参数，或者它的值是空字符串，那么窗口就不显示任何文档。窗口名称：可选参数，被打开窗口的名称。 1.该名称由字母、数字和下划线字符组成。 2."_top"、"_blank"、"_selft"具有特殊意义的名称。 _blank：在新窗口显示目标网页 _self：在当前窗口显示目标网页 _top：框架网页中在上部窗口中显示目标网页 3.相同 name 的窗口只能创建一个，要想创建多个窗口则 name 不能相同。 4.name 不能包含有空格。参数字符串：可选参数，设置窗口参数，各参数用逗号隔开。

查看全部

0 采集收起来源：JavaScript-打开新窗口（window.open）
2018-03-22
秋馔筠

prompt(str1,str2) 弹窗含确定，取消和一个输入文本框。 str2为可选参数，设定为文本框中的默认值（可被用户输入更改）返回用户输入在文本框的内容。

查看全部

0 采集收起来源：JavaScript-提问（prompt 消息对话框）
2016-08-06
秋馔筠

alert();弹窗只能安确定（没有关闭和取消按钮） confirm(str);弹窗有确定和取消，确定则返回true，取消返回false

查看全部

0 采集收起来源：JavaScript-确认（confirm 消息对话框）
2016-08-06
我比你想象得更强大

function openWindow() {var open=confirm("确认新建窗口打开网站吗？"); if(open==true) // 新窗口打开时弹出确认框，是否打开 {var url=prompt("通过输入对话框，确定打开的网址","http://www.imooc.com"); if(url!=null) // 通过输入对话框，确定打开的网址，默认为 http：//www.imooc.com/ {window.open(url,"_blank",'width=400px,height=500px,menubar=no,toolbar=no'); } //打开的窗口要求，宽400像素，高500像素，无菜单栏、无工具栏。 else {alert("再见！");} } else {alert("再见！");} }

查看全部

0 采集收起来源：编程练习
2018-03-22
秋馔筠

function 函数名（）{} 调用：onclick="函数名()"

查看全部

0 采集收起来源：JavaScript-什么是函数
2018-03-22
秋馔筠

html的注释: css的注释:/*我是注释*/(//也可以) js的注释://我是注释 ctrl（command）+“/”：加注释或取消注释

查看全部

0 采集收起来源：JavaScript-注释很重要
2018-03-22
秋馔筠

我们可以将JavaScript代码放在html文件中任何位置，但是我们一般放在网页的head或者body部分。放在<head>部分最常用的方式是在页面中head部分放置<script>元素，浏览器解析head部分就会执行这个代码，然后才解析页面的其余部分。放在<body>部分 JavaScript代码在网页读取到该语句的时候就会执行。注意: javascript作为一种脚本语言可以放在html页面中任何位置，但是浏览器解释html时是按先后顺序的，所以前面的script就先被执行。比如进行页面显示初始化的js必须放在head里面，因为初始化都要求提前进行（如给页面body设置css等）；而如果是通过事件调用执行的function那么对位置没什么要求的。

查看全部

0 采集收起来源：找到你的位置（JS在页面中的位置）
2018-03-22

首页上一页 1916 1917 1918 1919 1920 1921 1922 下一页尾页

0/150

提交

取消

开始学习

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

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