美文网首页全栈(一)
HelloWorld、JS编写位置、JS基本语法

HelloWorld、JS编写位置、JS基本语法

作者: Agony_锐 | 来源:发表于2019-12-23 23:26 被阅读0次

HelloWorld:

JS代码需要编写到script标签中

<script type="text/javascript"></script>

 控制浏览器弹出一个警告框

alert("charry真帅");

让计算机在页面输出一个内容:document.write()可以向body中输出一个内容

document.write("charry666"); 

向控制台输出一个内容:console.log()的作用是向控制台输出一个内容

console.log("你猜我在哪?");


JS编写位置:

推荐:

将js代码编写到外部js文件中,然后通过script标签引入

<script type="text/javascript" src="../js/script.js"></script>

或者

<script type="text/javascript" src="js/index.js"></script>

写到外部文件中可以在不同的页面中同时引用,也可以利用到浏览器的缓存机制

script标签一旦用于引入外部文件了,就不能再编写代码了,即使编写了浏览器也会忽略

如果需要则可以再创建一个新的script标签用于编写内部代码

<script type="text/javascript" src="../js/script.js"></script>

<script type="text/javascript">

        alert("我是内部的JS代码");

</script>

可以将js代码编写到script标签中

<script type="text/javascript">

        alert("我是script标签中的代码!!");

</script>

可以将js代码写在超链接的href属性中,这样当点击超链接时,会执行js代码

<a href="javascript:alert('让你点你就点,白痴')">你也点我一下</a>

<a href="javascript:;">你也点我一下</a>

点击一下,既不跳转页面又不是超链接,啥也不是,单纯的可以点击

将js代码编写到标签的onclick属性中

点击按钮时,js代码才会执行

虽然可以写在标签的属性中,但是他们属于结构与行为耦合,不方便维护,不推荐使用

<button onclick="alert('讨厌,楠包子,你点我干嘛');">点我一下</button>


JS基本语法:


1、JS注释:

                /**/:多行注释  ——  注释中的内容不会被执行,但是可以在源代码中查看

                //:单行注释

2、一条JS语句应该以“;”结尾

                 - 如果不写分号,浏览器会自动添加,但是会消耗一些系统资源

                 - 而且有些时候,浏览器会加错分号,所以在开发中分号必须写

3、网页输出:document.write("hello"); 

4、该语句用来在控制台输出一个日志:console.log("hello"); 

5、JS中严格区分大小写

6.JS中会忽略多个空格和换行,所以我们可以利用空格和换行对代码进行格式化

相关文章

  • JS简介

    HelloWorld JS编写位置 JS基本语法 字面量和变量 标识符 数据类型

  • HTML 日常了解8(js篇)

    HelloWorld js编写位置 js基本语法 字面量和变量 标识符 数据类型 Number Boolean N...

  • 2018-11-28

    HelloWorld js编写位置 js基本语法 字面量和变量 标识符 数据类型 Number Boolean N...

  • 10

    js编写位置 !DOCTYPE html> js编写位置 js基本语法 !DOCTYPE html> ...

  • HelloWorld、JS编写位置、JS基本语法

    HelloWorld: JS代码需要编写到script标签中 控制浏览器弹出一个警告框 alert("charry...

  • 前端(10 HTML知识)

    1.js代码编写 2.js编写位置 3.js基本语法

  • JS基本操作

    js编写位置 js基本语法 字面量和变量

  • JS基本操作(1)

    JS基本语法 一、编写Js位置 JS可以编写在外部js文件中,由script标签来引入。也可以直接在内部scrip...

  • js

    1、helloWorld 2、js编写位置 编写位置 我们目前学习的JS全都是客户端的JS,也就是说全都是需要在浏...

  • js的基础知识点

    JavaScript js编写位置 外部引入: 和 先后不同,结果不一样 js的基本语法: 注释: /多行注释//...

网友评论

    本文标题:HelloWorld、JS编写位置、JS基本语法

    本文链接:https://www.haomeiwen.com/subject/dvlznctx.html