javascript篇之一

目录

前言：本人的博客都是笔记，学习js呢也是为了学习xss。

一、js组成

二、js的三种书写位置

三、相关写法的注意事项

四、js的输入语法

五、变量

---

前言：本人的博客都是笔记，学习js呢也是为了学习xss。

一、js组成

ECMAscript:语法

dom：页面文档对象

bom：浏览器对象模型

二、js的三种书写位置

 使用的是html:5的框架

第三种外部嵌入

 

学js最好有一定的html基础，对于标签的属性要熟悉

三、相关写法的注意事项

a、行内式写法注意事项

●可以将单行或少量JS代码写在HTML标签的事件属性中(以on开头的属性) ,如: onclick
●注意单双引号的使用:在HTML中我们推荐使用双引号, JS中我们推荐使用单引号
●可读性差，在html中编写JS大量代码时,不方便阅读;
●引号易错,引号多层嵌套匹配时,非常容易弄混; 
●特殊情况下使用
b、内嵌式写法

●可以将多行JS代码写到<script>标签中
●内嵌JS是学习时常用的方式
c、外部写法

●利于HTML页面代码结构化,把大段JS代码独立到HTML页面之外,文件级别的复用性好而且还美观
●引用外部JS文件的script标签中间不可以写代码
●适合于JS代码量比较大的情况

四、js的输入语法

首先得用html:5的框架

<style></style>
    <script>
        //输入框
       prompt('账号');
       //弹出框
       alert('密码正确');
       //控制台输出，开发者才能看的
       console.log('fdffffffffff');//log是日志
    </script>

显示的结果

 

此时的第三个是在开发者，可以按一下F12，找一下console位置

 

显示的结果与上面一一对应 

五、变量

声明变量，然后赋值。js里的变量是保存数据的。

例如：var name;//声明变量

           name = 1;//赋值

或者var name = 1;

<style></style>
    <script>
        var age = 18;
        console.log(age);
    </script>

下面结果是弹出输入内容

<style></style>
    <script>
        var age = prompt('请输入你的年龄 ');
        alert(age);
    </script>