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

JavaScript入门篇

慕课官方号 页面重构设计
难度入门
时长 1小时35分
  • 使用confirm() 弹出确定框,来确认是否取消设置。 obj.style.display="block"; obj.style.display="none";
    查看全部
    0 采集 收起 来源:编程挑战

    2018-03-22

  • 1.通过id获取元素 document.getElementById("id"); e.g var mychar=document.getElementById("con"); <p id="con">...</p> 2.innerHTML:用于获取和替换HTML元素的内容 e.g <p id="con">...</p> var mychar=document.getElementById("con"); document.write(mychar.innerHTML); mychar.innerHTML="。。。"; document.write(mychar.innerHTML); 3.改变HTML样式 Object.style.property=new style; e.g var mychar= document.getElementById("con"); mychar.style.color="red"; mychar.style.backgroundColor="#CCC"; mychar.style.width="300px"; 4.显示跟隐藏属性(display) Object.style.display = value 5.控制类名(className属性) e.g var p1 = document.getElementById("con"); p1.className="one";
    查看全部
  • window.close();关闭本窗口或窗口对象.close();
    查看全部
  • window.open("www.baidu.com","_blank","height=000,width=400,top=100,left=0"); _blank 在新窗口中显示目标网页 _self当前窗口显示目标网页 _top框架网页中上部窗口显示目标网页
    查看全部
  • prompt("question"[,text]); return mixed 点确定返回值,点取消返回null。
    查看全部
  • prompt(str1, str2);str1: 要显示在消息对话框中的文本,不可修改;str2:文本框中的内容,可以修改1. 点击确定按钮,文本框中的内容将作为函数返回值 2. 点击取消按钮,将返回null,此时不管你是否输入内容。
    查看全部
  • <body> <h2 id="con">javascript</h2> <p> JavaScript是一种基于对象、事件驱动的简单脚本语言,嵌入在HTML文档中,由浏览器负责解释和执行,在网页上产生动态的显示效果并实现与用户交互功能。</p> </body> 个人理解: 1、页面渲染完成后进行页面绘制; <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> 上述JavaScript代码是在页面渲染过程中执行的; 2、“按引用传递”,id为con的<h2>标题和mychar是同一个引用(可以理解为指向同一个内存地址的指针)。 mychar.innerHTML="Hello world!";语句改变了mychar所指向内存地址中存储的值(由javascript”变为了“Hello world!”),那么在绘制id为con的<h2>标题时,也会按“Hello world!”来绘制。 <script type="text/javascript"> function fu(){ var mychar=document.getElementById("con"); document.write("原标题:"+mychar.innerHTML+"<br>"); //输出原h2标签内容 mychar.innerHTML="Hello world!"; document.write("修改后的标题:"+mychar.innerHTML); //输出修改后h2标签内容 } var panduan=confirm("确定修改h2标题吗?"); if(panduan){ fu(); } </script> 可将上述代码与原先代码进行对比。
    查看全部
    0 采集 收起 来源:innerHTML 属性

    2018-03-22

  • confirm(str);str:在消息对话框中要显示的文本 返回值: Boolean值
    查看全部
  • 难运行
    查看全部
    0 采集 收起 来源:编程练习

    2016-10-24

  • 为何此代码运行不了
    查看全部
  • prompt 消息对话框
    查看全部
  • <!DOCTYPE HTML>标准化
    查看全部
  • confirm 消息对话框
    查看全部
  • 变量是可变的量;从编程角度讲,变量是用于存储某种/某些数值 的存储器。我们可以把变量看作是一个盒子,为了区分盒子,可以用BOX1,Box2等名称代表不同的盒子,Box1就是盒子的名字(也就是变量的名字)。 定义变量肆关键字var,语法如下: var 变量名 变量名可以任意取名,但要遵循命名规则: 1,变量必须诗字母、下划线(——)或者美元符($)开始。 2,然后可以肆任意多个英文字母、数字、下划线(——)或者美元符($)组成。 3.不能使用javascript关键词于javascript保留字。 变量要先声明在赋值,如下: var mychar; mychar="javasctipt"; var mynum=6; 变量可以重复赋值,如下: var mychar; mychar="javasctipt"; mychar="hello"; 注意: 1,在js中区分大小写,如变量mychar于mychar是不一样的,表示是两个变量。 2,变量虽然也可以不声明,直接使用,但不规范,需要先声明,后使用。
    查看全部
  • if(条件) { 条件成立时执行的代码 } else { 条件不成立时执行的代码 }
    查看全部

举报

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

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