为了账号安全,请及时绑定邮箱和手机立即绑定

JavaScript入门篇

难度入门
时长 1小时35分
学习人数
综合评分9.57
5509人评价 查看评价
9.8 内容实用
9.5 简洁易懂
9.4 逻辑清晰
成功了,让编程来的更猛烈些吧。下一节吧
style中的大小设置一定要加px,取消设置:先找到id,在设置.removeAttribute("style");就可以了,别忘了在表单标签中加点击事件
//定义"取消设置"的函数
function unsure(){
var un=confirm("是否取消设置呢?");
if(un==true){
var find=document.getElementById("txt");
find.removeAttribute("style");
}
}
className 属性设置或返回元素的class 属性。
语法:object.className = classname
作用:
1.获取元素的class 属性
2. 为网页内的某个元素指定一个css样式来更改该元素的外观
和css样式表结构差不多
Object.style.display = value
value包括none(隐藏),block(显示)两个值
function hidetext()
{
var mychar = document.getElementById("con");
mychar.style.display="none";
}
function showtext()
{
var mychar = document.getElementById("con");
mychar.style.display="block";
}
语法:Object.style.property=new style;
property就是相应的属性,比如:backgroungColor,color,fontSize等
原来还可以这样给变量赋值啊。。。
适用于网页换肤
在JS修改标签的内容,原标签的内容跟着改变
innerHTML 属性用于获取或替换 HTML 元素的内容。
语法:Object.innerHTML
注意:
1.Object是获取的元素对象,如通过document.getElementById("ID")获取的元素。
2.注意书写,innerHTML区分大小写。
document.getElementById(“id”)
注:获取的元素是一个对象,如想对元素进行操作,我们要通过它的属性或方法。
1.document.getElementById("con")
2.直接输出获取的对象,结果为null或[object HTMLParagraphElement]
3.document.getElementById("con").innerHTML为获取标签中的内容。
文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构(节点树)。
元素节点:标签
属性节点:属性
文本节点:显示内容
function openWindow(){
var create=confirm("是否打开新窗口?");
if(create==true){
var sure=prompt("请输入网址","http://www.imooc.com");
//打开的窗口要求,宽400像素,高500像素,无菜单栏、无工具栏。
window.open(sure,'_blank','width=400,height=500px,menubar=no,toolbar=no');
}else{}
}
open() 方法可以查找一个已经存在或者新建的浏览器窗口。
语法:
window.open([URL], [窗口名称], [参数字符串]
输入一个标点符号都不行,输入正确后,还有360弹窗拦截
此节没有任务,快进入下一节开始DOM的学习吧!
课程须知
该课程是针对新手的一个简单基础的课程,让您快速了解JS,通过一些简单的代码编写体会JS。如果您已经对JS有所了解,可以跳过本课程,学习JS进阶课程,进一步学习JS相应的基础知识。学习本课程,希望您至少具备HTML/CSS基础知识,认识常用的标签。
老师告诉你能学到什么?
1. 理解JavaScript基础语法; 2. 掌握常用语句的使用方法; 3. 学会如何获取DOM元素及进行简单操作。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消