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

JavaScript入门篇

难度入门
时长 1小时35分
学习人数
综合评分9.57
5509人评价 查看评价
9.8 内容实用
9.5 简洁易懂
9.4 逻辑清晰
  • open() 方法可以查找一个已经存在的或者新建的浏览窗口

    window.open([url],[窗口名称],[参数字符串])

    url:可选参数在窗口中要显示的网址

    窗口名称:可选项参数,被打开窗口的名称

    参数字符串:可选参数,设置参数用逗号隔开


    查看全部

  • confirm  消息对话框通常用于允许用户做选择的动作

    语法:confiirm(str)

    参数说明:

                str:在消息对话框要显示的文本

                返回值:boolean值

    查看全部
  • 命名规则中,用大小写能简单的判定逻辑断点所在。

    查看全部
  • 关于程序代码的命名规则

    名字得能告诉我们它要做什么,为什么存在,以及是如何工作的。选择能够表达意图的名字,将更有利于我们理解代码。

    2.不要怕在选择名字上花时间

    6.类名
    类应该有个名词或名词词组的名字,如Customer、WikiPage、Account和AddressParser。继承性父类应该给个又短又有冲击力的名字。子类的名字应该长点,通过形容词来描述其不同于它的父类之处,如SavingsAccount衍生于Account

    7.变量名
    变量名也应该是名词。它们大多是由其指向的类衍生出去的。布尔变量应写成谓词的形式,如isEmpty和isTerminated,这样放到if语句才便于理解。

    8.方法名
    方法名应该是一个动词或动词词组,如postPayment()、deletePage()和save()。访问器和调整器应该分别前缀get和set。返回布尔值的方法应该前缀‘is',如isPostable(),这样在if语句中才便于理解。

    13.使用解决方案领域的名字
    我们编写的代码今后可能会有其他程序员来阅读,所以我们使用一些技术术语进行代码命名会带来很大的好处。比如适当地使用算法名字、设计模式名字以及数学术语,这些命名方式很可能会让其他程序员更容易理解程序,引起共鸣。

    18.避免错误的信息
    不要给一些错误的信息,因为这样会误导阅读代码的人。如果你将一个实际支持数组的变量命名为accountList,那就很容易让人得出错误的结论。

    19.使用读不出来的名字
    编程是一个社会化的活动,使用那些读不出来的名字只会阻碍我们的讨论。

    20.使用易搜索的名字
    使用短而通用的名字会妨碍我们在代码库中搜索事物。这对我们操纵代码和重构很有影响。

    二、驼峰命名法:近年来越来越流行。
    驼峰命名法,正如它的名称所表示的那样,指的是混合使用大小写字母来构成标识符的名字。其中第一个单词首字母小写,余下的单词首字母大写。
    例如:
    printEmployeePaychecks();
    函数名中每一个逻辑断点都有一个大写字母来标记。

    4.3 常量及宏的命名
    采用下划线分割大写字母的方式命名,一般应以设备名作为前缀,
    防止模块间命名的重复。如:

    #define TIMER0_MODE_RELOAD 2#define TIMER2_COUNT_RETRIEVE(val) ((uint16)(65536 - (val)))12

    当然,看作接口的宏可以按照函数的命名方法命名,例如:

    #define timer2_clear() (TF2 = 0)#define timer0_is_expired() (TF0)


    查看全部
  • innerHTML 属性

    2.注意书写,innerHTML区分大小写。

    innerHTML 属性用于获取或替换 HTML 元素的内容。

    语法:

    Object.innerHTML

    注意:

    1.Object是获取的元素对象,如通过document.getElementById("ID")获取的元素。

    document.write("原标题:"+mychar.innerHTML+"<br>");  "<br>"起到了换行作用


    查看全部
    0 采集 收起 来源:innerHTML 属性

    2020-09-26

  • 认识DOM

    1.dom中嵌入模型是整理html文档的 模型,自然熟悉HTML中文档的布局,自然要想操作或者获取对HTML元素操作或者获取数据,自然入口就落到了document上,这是一个接口,继承Node而来的接口,具体实现方法就在Node中。

    总结:文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构(节点树)。

    DOM是一个为让JavaScript等编程语言更好操作html等文档内的元素的一个标准、一个接口。将html中的元素转换成DOM树模型,封装属性与方法,供以调用。


    概念


    DOM,全程DocumentObject Model ,也就是我们常说的文档对象模型。有人说:“有了DOM,可以

    说JavaScript就是另外一门语言了。”可见DOM的重要性,当然不能误解,DOM不是JavaScript,也不是

     JavaScript的一部分。简单的来说DOM就是提供一个可供存储、遍历的接口

     

    为什么称为文档对象模型?

     在DOM中HTML被表示为一个树形的结构,而这个根节点就是document对象,依次子节点、孙节点表

     示html中出现的节点及内容。换句话说,dom将html等文档表示为节点。这些节点并不是我们说的数据

     结构而是一个已经封装好属性和方法的对象,而这些属性和方法就刚刚好提供了供以访问的接口。这

     也就是为什么dom叫做文档对象模型的缘由了。

    构成

     

    对象 

    Document

     代表整个文档,也就是文档的根节点,提供整个文档的操作的入口。如getElementById,

     

    getElemnetByname,getElementByTagName等,都是可以用来访问文档中的对象的。

     

    Node(提供Javascript运行环境)

     

    在dom中的接口很多都是从Node继承过来的,如上面提到的Document接口。在树结构中,代表一个节

     

    点。

     

    NodeLIst

     

    其实看单词多少也能猜出来,这个用来表示一组节点的集合的。

     

    这样可以对一组节点进行操作,如果要这一组节点中的某个节点进行操作。那么可以使用item的索引来

     

    找到指定的节点。从而进行操作。

     

    NameNodeMap

     

    用来表示唯一的名字和一组节点的集合,与NodeList不同的是可以是无序的。


     


     




    查看全部
    0 采集 收起 来源:认识DOM

    2020-09-26

    1. HTML中由元素(几个大框架组成整个网页,如head、body,script)、标签(放置标签内要表达的内容)、组成

    2. 什么是函数?  

    函数就是发挥具有一种功能的作用,这种功能就是函数的

    2.创建函数的作用 目的?

    想实现或者完成某项功能从而所下的定义函数的具有功能

    3.input 函数 作用是什么?

    实现人机交互的一个函数功能

    4.DOM 函数

    document 是文档模型,浏览器正好也是dom类型  两个一对接正好完美匹配

    5.如何实现对元素内对象的内容进行定位?

    首先可以通过Id,可以通过Id的标签,也可以通过类名寻找

    6.

    input函数

    input用途 - 实现人机交互:

    1、你提出问题打印在屏幕上,

    2、运行程序的人再输入回答。

    3、按下回车,程序得到收集来的回答

    4、之后,逻辑向下继续运行。

    我们写的程可以实现根据他输入的回答进行不同的逻辑走向。

    a、字符串类型的参数

    result = input('你爱我吗?请输入:')# 运行时会打印:你爱我吗?请输入:

    1
    2

    b、数字类型 参数

    result = input(520)# 运行时会打印:520

    1
    2

    c、布尔类型 参数

    result = input(True)# 运行时会打印:True

    1
    2

    d、甚至复杂类型(日后要整理的列表)参数都可以!

    result = input([1,2,3])# 运行时会打印:[1,2,3]

    1
    2

    返回值

    正常情况下

    返回的就是用户输入的内容。

    BUT⚠️, input函数的返回值,一定是字符串格式的。

    也就意味着result变量肯定是字符串类型的数据。

    result = input('你爱我吗?请输入:')print(type(result)) # <class 'str'>




    查看全部
  • function 函数名() { 函数代码; }
    查看全部
  • className

    1、获取元素的class 属性

    2、为网页内的某个元素指定一个css样式来更改该元素的外观

    注意:如果想要将id对应的样式修改掉,不能用className,具体参考示例


    查看全部
  • document。write("");写出语句;

    alret();警告语句;

    confirm()确定语句;


    查看全部
  • 单引号
    window.open('url', [窗口名称], [参数字符串])

    窗口名称 :

    _blank:在新窗口显示目标网页
    _self:在当前窗口显示目标网页
    _top:框架网页中在上部窗口中显示目标网页

    参数字符串:


    查看全部
  • prompt弹出消息对话框,通常用于询问一些需要与用户交互的信息。弹出消息对话框(包含一个确定按钮、取消按钮与一个文本输入框)。

    语法:

    prompt(str1, str2);

    参数说明:

    str1: 要显示在消息对话框中的文本,不可修改
    str2:文本框中的内容,可以修改
    查看全部
  • 具体看示例

    查看全部
    0 采集 收起 来源:innerHTML 属性

    2020-09-23

  • 1、 新窗口打开时弹出消息对话框,是否打开

    2、 通过输入对话框,确定是否打开的,网址默认为 http://www.imooc.com/

    3、根据消息对话框点击的按钮显示对应的内容(这里要是看不懂参考prompt的学习笔记)


    查看全部
    1 采集 收起 来源:编程练习

    2020-09-23

  • 哈哈哈哈哈哈哈哈哈哈哈
    查看全部

举报

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

微信扫码,参与3人拼团

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

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