慕课网

精品课程 JavaScript入门篇

JavaScript入门篇

最热最新

oafce

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

查看全部

0 采集收起来源：为什么学习JavaScript
2018-03-22
吉吉屋欧吉

一、定义"改变颜色"的函数提示: obj.style.color obj.style.backgroundColor 二、定义"改变宽高"的函数提示: obj.style.width obj.style.height 三、定义"隐藏内容"的函数提示: obj.style.display="none"; 四、定义"显示内容"的函数提示: obj.style.display="block"; 五、定义"取消设置"的函数提示: 使用confirm()确定框，来确认是否取消设置。如是将以上所有的设置恢复原始值,否则不做操作。

查看全部

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

获取对象的类名通过修改类名来是修改标签的使用类选择器的css样式 .className获取类名 .className="新类名";修改类样式

查看全部

0 采集收起来源：控制类名（className 属性）
2018-03-22
吉吉屋欧吉

显示和隐藏标签内的内容对象.style.display="none";隐藏对象.style.display="block";以块状元素显示

查看全部

0 采集收起来源：显示和隐藏（display属性）
2018-03-22
吉吉屋欧吉

通过文档对象的style属性修改标签的css样式 Object.style.property=new style; 例： <script type="text/javascript"> var mychar= document.getElementById("con"); mychar.style.color="red"; mychar.style.backgroundColor="#ccc"; mychar.style.width="300px"; </script>

查看全部

0 采集收起来源：改变 HTML 样式
2018-03-22
吉吉屋欧吉

通过.getElementById以后可以再通过.innerHTML访问和修改标签内的内容例： <script type="text/javascript"> var mychar= document.getElementById("con"); ; document.write("原标题:"+mychar.innerHTML+"<br>"); //输出原h2标签内容 mychar.innerHTML="Hello world!" document.write("修改后的标题:"+mychar.innerHTML); //输出修改后h2标签内容 </script>

查看全部

0 采集收起来源：innerHTML 属性
2018-03-22
吉吉屋欧吉

获取文本对象 document.getElementById("id号");

查看全部

0 采集收起来源：通过ID获取元素
2018-03-22
吉吉屋欧吉

dom文本对象模型包含元素节点文本节点和属性节点

查看全部

0 采集收起来源：认识DOM
2015-05-10
Gaomemgxuan

<!DOCTYPE html> <html> <head> <title> new document </title> <meta http-equiv="Content-Type" content="text/html; charset=gbk"/> <script type="text/javascript"> function openWindow(){ var mynum=confirm("你确定要打开？"); // 新窗口打开时弹出确认框，是否打开 if (mynum==true) {var url=prompt("通过输入对话框，确定打开的网址","http://www.imooc.com"); if(url!=null) {window.open(url,"_blank",'width=400px,height=500px,menubar=no,toolbar=no'); } else {alert("再见！");} } else{ alert("baibai"); } } </script> </head> <body> <input type="button" value="新窗口打开网站" onclick="openWindow()" /> </body> </html>

查看全部

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

function openWindow(){ // 新窗口打开时弹出确认框，是否打开 var myconfirm=confirm("是否打开新窗口"); if(myconfirm){ // 通过输入对话框，确定打开的网址，默认为 http：//www.imooc.com/ var myprompt=prompt("地址","http://www.imooc.com"); if(myprompt != null){ //打开的窗口要求，宽400像素，高500像素，无菜单栏、无工具栏。 window.open(myprompt,'_blank','wdith=400,height=500,top=100,left=0');} } }

查看全部

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

font font font-family fontFamily CSS JS font-size fontSize font-style fontStyle font-variant fontVariant font-weight fontWeight letter-spacing letterSpacing line-break lineBreak line-height lineHeight text-align textAlign text-decoration textDecoration text-indent textIndent text-justify textJustify text-transform textTransform vertical-align verticalAlign 至于赋值，：是CSS赋值方式；JS的赋值方式是=。js用到：一般是三元运算符。

查看全部

0 采集收起来源：改变 HTML 样式
2015-05-10
hentai_w_w

CSS语法 JS语法 padding padding padding-bottom paddingBottom padding-left paddingLeft padding-right paddingRight padding-top paddingTop background background background-attachment backgroundAttachment background-color backgroundColor background-image backgroundImage background-position backgroundPosition background-repeat backgroundRepeat color color display display list-style-type listStyleType list-style-image listStyleImage list-style-position listStylePosition list-style listStyle white-space whiteSpace

查看全部

0 采集收起来源：改变 HTML 样式
2015-05-10
hentai_w_w

CSS语法 JS语法 border-style borderStyle border-top borderTop border-top-color borderTopColor border-top-style borderTopStyle border-top-width borderTopWidth border-width borderWidth clear clear float floatStyle margin margin margin-bottom marginBottom margin-left marginLeft margin-right marginRight margin-top marginTop

查看全部

0 采集收起来源：改变 HTML 样式
2015-05-10
吉吉屋欧吉

用法： window.close(); //关闭本窗口或 <窗口对象>.close(); //关闭指定的窗口

查看全部

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

fontSize是JS属性。fontsize是CSS属性。 CSS语法 (不区分大小写) JavaScript语法 (区分大小写) border border border-bottom borderBottom border-bottom-color borderBottomColor border-bottom-style borderBottomStyle border-bottom-width borderBottomWidth border-color borderColor border-left borderLeft border-left-color borderLeftColor border-left-style borderLeftStyle border-left-width borderLeftWidth border-right borderRight border-right-color borderRightColor border-right-style borderRightStyle border-right-width borderRightWidth

查看全部

0 采集收起来源：改变 HTML 样式
2015-05-10

首页上一页 3535 3536 3537 3538 3539 3540 3541 下一页尾页

0/150

提交

取消

开始学习

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

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