为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
JavaScript入门篇 _学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

JavaScript入门篇

慕课官方号 页面重构设计
难度入门
时长 1小时35分
  • <p id="pcon">Hello World!</p> <script> var mychar = document.getElementById("pcon"); mychar.style.color="red"; mychar.style.fontSize="20"; mychar.style.backgroundColor ="blue"; </script>
    查看全部
    0 采集 收起 来源:改变 HTML 样式

    2018-03-22

  • obj.removeAttribute("syle") 删除 obj元素的 style 属性
    查看全部
    0 采集 收起 来源:编程挑战

    2018-03-22

  • function my()<br> { var x=prompt("请输入您的成绩:")<br> if(x>90)<br> {doument.write("good");}<br> else if(x>80)<br> {document.write("还不错");}<br> else if(x>=60)<br> {document.write("及格了");}<br> else<br> {document.write("加油吧");}<br> }
    查看全部
  • <script type="text/javascript"> var mymessage=confirm("你喜欢JavaScript吗?"); if(mymessage==true) { document.write("很好,加油!"); } else { document.write("JS功能强大,要学习噢!"); } </script>
    查看全部
  • Object.innerHTML 注意: 1.Object是获取的元素对象,如通过document.getElementById("ID")获取的元素。 2.注意书写,innerHTML区分大小写。 <h2 id="con">javascript</H2> <p> JavaScript是一种基于对象、事件驱动的简单脚本语言,嵌入在HTML文档中,由浏览器负责解释和执行,在网页上产生动态的显示效果并实现与用户交互功能。</p> <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

  • javascript作为一种脚本语言可以放在html页面中任何位置,但是浏览器解释html时是按先后顺序的,所以前面的script就先被执行。 比如进行页面显示初始化的js必须放在head里面,因为初始化都要求提前进行(如给页面body设置css等); 而如果是通过事件调用执行的function那么对位置没什么要求的。
    查看全部
  • function hidetext(){ <br> var mychar = document.getElementById("con");<br> mychar.style.display="none";<br> } <br> function showtext(){ <br> var mychar = document.getElementById("con");<br> mychar.style.display="block";<br> } 也可以直接直接赋值 document.getElementById("con").style.display="none";
    查看全部
  • confirm prompt 不用window. 可以直接使用 赋值 消息对话框 prompt(消息对话框中的文本 , 输入框中的内容); 两个字符串加 "" 点击取消按钮,将返回null var aaa=prompt("陈述",""); if(aaa==null){ } else { }
    查看全部
  • Object.style.property=new style; 注意:Object是获取的元素对象,如通过document.getElementById("id")获取的元素。 style固定不变,前后元素修改
    查看全部
    0 采集 收起 来源:改变 HTML 样式

    2018-03-22

  • mychar.style.backgroundColor 大写C
    查看全部
    0 采集 收起 来源:改变 HTML 样式

    2015-12-09

  • var mychar= document.getElementById("con"); //先需要定义mychar,将con赋值它 mychar.innerHTML = "New Text"; // 改变内容的关键语句
    查看全部
    0 采集 收起 来源:innerHTML 属性

    2018-03-22

  • document.getElementById(“id”) 这条语句获取的是元素,包含开始标签到结束标签所有内容。想要输出元素内容需要在其后尾使用.innerHTML /*innerHTML看它的英文单词也可以明白就是里面的字符按html标记的语言格式取出来*/ (摘抄)null 代表失效节点,是因为js放在了ID的上面,我们都知道HTML文档都是从上向下解析的,当浏览器解析到document.getElementById的时候 就会感到困惑而奔溃。因为浏览器还没扫描到ID元素前,你就先提取ID元素,浏览器就二了。 object HTMLParagraphElement 说白了就是有效的。 你可以试试把JS放在Id元素上,或者下,你就知道了。
    查看全部
  • else 诺没有内容,也可以不写 单独写 if 也可以
    查看全部
    0 采集 收起 来源:编程练习

    2015-12-09

  • //定义"改变颜色"的函数 function col1(){ var p1=document.getElementById("txt"); p1.style.color="red"; } //定义"改变宽高"的函数 function (){ var p1=document.getElementById("txt"); p1.style.width="800px"; } //定义"隐藏内容"的函数 function color1(){ var p1=document.getElementById("txt"); p1.style.display="none"; } //定义"显示内容"的函数 function color1(){ var p1=document.getElementById("txt"); p1.style.display="block"; } //定义"取消设置"的函数 function confirm1(){ var p1=document.getElementById("txt"); var c1=confirm("确认取消设置?") if(c1==true){ } else{ } }
    查看全部
    0 采集 收起 来源:编程挑战

    2018-03-22

  • 注意: 1. 在点击对话框"确定"按钮前,不能进行任何其它操作。 2. 消息对话框通常可以用于调试程序。 3. alert输出内容,可以是字符串或变量,与document.write 相似。
    查看全部

举报

0/150
提交
取消
课程须知
该课程是针对新手的一个简单基础的课程,让您快速了解JS,通过一些简单的代码编写体会JS。如果您已经对JS有所了解,可以跳过本课程,学习JS进阶课程,进一步学习JS相应的基础知识。学习本课程,希望您至少具备HTML/CSS基础知识,认识常用的标签。
老师告诉你能学到什么?
1. 理解JavaScript基础语法; 2. 掌握常用语句的使用方法; 3. 学会如何获取DOM元素及进行简单操作。
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!