1、初识JavaScript

前端之 JavaScript

1、存在方式。

<!-- 导入javascript脚本方法 --><script type="text/javascript" src="t1.js "></script>

<!-- 直接在html内部编写javascript, 一般会在在body 标签的下部分。 --><script type="text/javascript">    function func() {        alert("Hello Shuaige")    }</script>

2、javascript代码块位置

放在<body>标签内的代码底部 , 正常来说当有一个请求过来时候会把js&css一起发送过去,咱们按照最low的方式理解的话可以这么理解:

如果js文件或者js耗时比较久的话,下面的html代码就无法执行了。

3、变量和函数的声明

3.1、变量:
<body>

<script type="text/javascript">

function m1() {    alert("this is a ce-shi");    var name = ‘tianshuai‘;  // var 变量名 ,变量名前面加 var为局部变量    age = ‘18‘;    // 注这里需要注意,建议使用的时候一般不要使用全局变量!                  // 否则如果代码量比较大的//时候容易出现调用混乱的问题}}m1()

</script></body>


3.3、js 的展示方法有两种

3.3.1、通过网页来展示

<script type="text/javascript">       function f1() {           alert("hello shuai ge")       }       f1()</script>

显示效果如下:

3.3.3、通过console来展示。

<script type="text/javascript">    function f1() {        console.log("Hello shuaige ")    }    f1()</script>

显示效果如下:

打开google chrome F12点击 "Console",刷新页面!




>> JavaScript中代码注释:

?单行 //

?多行 /*  */


注意:此注释仅在Script块中生效。




来自为知笔记(Wiz)

时间: 2024-10-12 12:41:43

1、初识JavaScript的相关文章

笔记一、初识 Javascript

一.初识 Javascript javascript是一种专为与网页交互儿设计的脚本语言.由三部分组成:ECMAScript  (ECMA-262定义) : 提供核心语言功能文档对象模型(DOM): 提供访问和操作网页内容的方法和接口浏览器对象模型(BOM): 提供与浏览器交互的方法和接口Javascript的这三个组成部分在当前五大主流浏览器中都得到了不同程度的支持(IE.FireFox.Chrome.Safari.Opera).基本所有的浏览器都大体上支持ECMAScript第三版.但是对于

javascript基础——初识javascript

每一门语言的学习都是从HelloWorld开始的,我今天也遵循这个原则吧!先上一段代码,认识一下javascript <html><head><title>初识javascript</title><script language="javascript" type="text/javascript"><!--alert("Hello World Wide Web!")//-->

第一讲:初识JavaScript

1.0. 学习目标 –了解javascript组成部分 –认识javascript解析机制 –如何使用javascript 1.1.初识JavaScript •javascript是一种专为与网页交互儿设计的脚本语言.由三部分组成: –ECMAScript  (ECMA-262定义)  提供核心语言功能 –文档对象模型(DOM)提供访问和操作网页内容的方法和接口 –浏览器对象模型(BOM)提供与浏览器交互的方法和接口 •Javascript的这三个组成部分在当前五大主流浏览器中都得到了不同程度的

初识 javascript

第一次接触javascript是在网上看教程时,看到有关DOM操作的内容而认识的.刚开始一直误以为javascript是java的一个子集.因为也没有对javascript有很深的理解,所有就没有去深究javascript和java之间的关系.直到最近才发现,我的这个观点是完全错误的.javascript和java是完全不同的两门语言. 以下内容均源自网络: 1 首先,这两个家伙没有任何的血缘关系,java是是由Sun 公司于1995年5月推出的, 2 而javascript是于1995年由Ne

Day15 HTML补充、初识JavaScript

一.上节回顾 上节回顾: HTML 头部信息:编码.title.style.link(导入css文件) 身体: 内联 块级 --->inline-block(既有内联效果又有块级效果) a标签: target.href(跳转到url,#i1(id=i1跳转到顶部)) img标签: src alt iframe(伪Ajax,上传文件) src form标签 action提交url:method提交方式:get和post:上传文件:enctype="multipart/form-data&qu

初识JavaScript Promises

JavaScript有很多槽点,嵌套回调怕是千夫所指. 很久之前,我一直使用async来处理JavaScript异步编程中的嵌套回调问题.当然我也大概的了解过一些其它旨在解决这些问题的类库,诸如EventProxy.Jscex.StepJS.thenjs. 当我第一次看到Promises规范的时候,我根本无法理解它所带来的好处.譬如每个初次学习Promises的人都见过如下的示例代码: //callbacks function callback(err, value){ if(err){ //

《前端之路》之 初识 JavaScript

01 初识 JavaScript 作为在码农圈混迹了 四五年的老码畜来说,学习一门新的语言,就仿佛是老司机开新车一样 轻车熟路. 为什么会这么快呢? 因为各种套路啊- 任何一种计算机语言的最开始都是和 数据类型 这个东西分不开,那么今天,我们就从 JavaScript 的数据类型开始 一.JavaScript 的数据类型 因为对于很多的 jser 的初学者而言,或者说说对于很多代码初学者而言,数据类型是让人疑惑的地方.那么一定要解除这个疑虑. JavaScript 一共有 八种数据类型.其中包含

初识JavaScript闭包

一个问题引发的思考 在我学习javascript的事件时,有一个小任务是使用JS来实现 li 列表项在鼠标悬浮时会有背景阴影的动态效果,很自然想到用for 来为每个列表项添加onmouseover 和 onmouseout事件来改变和恢复 li 的类名. 如下: 1 <script type="text/javascript"> 2 var Lis = document.getElementsByTagName("li"); 3 4 function a

初识JavaScript

JavaScript简介 JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型.它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能.因为JavaScript兼容于ECMA标准,因此也称为ECMAScript. ECMAScript,描述了该语javascript组成言的语法和基本对象. 文档对象模型(DOM),描述处理网页内容的方法

JavaScript学习笔记(一)初识JavaScript

JavaScript是Web开发中的一种脚本编程语言,也是一种通用的.跨平台的.基于对象和事件驱动并具有安全性的脚本语言.它不需要进行解释,而是直接嵌入到HTML页面中,把静态页面转变成支持用户交互并响应相应事件的动态页面 JavaScript依赖于浏览器的支持,对大小写敏感 属性 说明 src 设置所使用的脚本语言及版本 type 设置一个外部脚本文件的路径位置 language 设置所使用的脚本语言,此属性已代替language defer 表示当HTML文档加载完毕后再执行脚本语言 Jav