js入门

最新推荐文章于 2022-08-17 10:59:34 发布

zlpCoder

最新推荐文章于 2022-08-17 10:59:34 发布

阅读量200

点赞数

分类专栏： h5

本文链接：https://blog.csdn.net/zlpCoder/article/details/81809274

版权

h5 专栏收录该内容

6 篇文章 1 订阅

订阅专栏

js全称javascrip.

一.对js的认识

1.JavaScript是一种轻量级、解释型的Web开发语言。
       轻量级：对比高级语言，企业级语言，简单一些---脚本语言。
       解释型：依靠浏览器进行编译。(IE/chrome/firefox/opera/safari)

       2.JavaScript核心组成部分
       ECMAscript:欧洲的计算机协会，发布js版本。es5 es2015--es6 es2016--es7 es2017--es8
       BOM : 浏览器对象模型。
       DOM : 文档对象模型--document

2.js的编写及运行

        <!--内联引入js代码-->
        <script type="text/javascript">
            document.write('hello,javascript');
        </script>
        <!--引入外部的js-->
        <script type="text/javascript" src="abc.js"></script>

3.对象

1.对象:程序的世界里面,一切皆对象----object
           对象的组成:属性+方法

属性：描述对象的外观，修饰对象。(html属性、css属性)
           方法:功能体，描述对象功能的。(js提供了大量的方法)

2.通过点操作符访问属性和方法
属性的访问：对象.属性
方法的访问：对象.方法()

3.js里面最大的对象---window(代表浏览器打开的一个窗口)

3.1 alert():弹出或者执行括号里面的信息，阻止代码继续执行。

  window.alert('hello');

  window.alert(3+7);

3.2 prompt(提示文字,默认值):弹出一个输入框

window.prompt('请输入电话号码：',13777777777);

4.js排第二的对象---document
4.1 document.write(); 将括号里面的信息输出到浏览器里面。里面可以包含和解析标签。(重新绘制页面)

document.write('我是document下面的方法');
document.write('<br/>');
document.write('<em>我是document下面的方法1</em>');

4.2 document.getElementById():通过id选择器获取元素。括号里面放置id名称

 alert(document.getElementById('box'));//[object HTMLDivElement]
 alert(document.getElementById('p1'));//[object HTMLParagraphElement]

4.js基本语法

<script type="text/javascript">
            //1.代码的执行：上---下    左---右     内---外
            
            //2.js分号：代表着语句的结束，可有可无。  一定要写，养成好的习惯。(如果不写，一行只能写一句代码)
            
            //3.注释：单行注释(ctrl+/)和多行注释(ctrl+shift+/)   
            
            //4.代码整齐。
</script>