初识JavaScript
发布日期:2021-06-29 15:39:37 浏览次数:3 分类:技术文章

本文共 1384 字,大约阅读时间需要 4 分钟。

为什么要学习JavaScript?

1)所有主流游览器都支持JavaScript。

2)目前,全世界大部分网页都使用JavaScript。

3)它可以使网页呈现各种动态效果。

4)作为一个web开发师,如果想提供漂亮的网页,令用户满意的上网体验,JavaScript是必不可少的工具。

 

如何插入JavaScript代码?

1使用<script>标签在HTML网页中插入JavaScript代码。注意, <script>标签要成对出现,并把JavaScript代码写在<script></script>之间。

<script type="text/javascript">表示在<script></script>之间的是文本类型(text),javascript是为了告诉浏览器里面的文本是属于JavaScript语言。

2)我们也可以把html文件和js代码分开,并单独创建一个JavaScript文件(简称JS文件),其文件后缀为js,然后将js代码直接写在js文件中。

注意:在js文件中,不需要<script>标签,直接编写JavaScript代码即可。

js文件不能直接运行,需嵌入到html文件中执行,我们需在HTML中添加如下代码,就可将js文件嵌入到html文件中。

<script src="script.js"></script>

 

    JavaScript在页面中的位置?

我们可以将JavaScript代码放在html文件中任何位置,但是我们一般放在网页的head或者body部分。

1放在<head>部分

最常用的方式是在页面中head部分放置<script>元素,浏览器解析head部分就会执行这个代码,然后才解析页面的其余部分。

   2放在<body>部分
    JavaScript代码在网页读取到该语句的时候就会执行。

 

认识JavaScript的语句和符号

每一条JavaScript代码格式:语句;

注意:(1)”;”分号要在英文状态下输入,同样,JS中的代码和符号都要在英文状态下输入。

2)虽然分号”;”也可以不写,但我们要养成编程的好习惯,记得在语句末尾写上分号。

 

JavaScript的注释

单行注释,在注释内容前加符号“//”

多行注释,以“/*”,以“*/”结束

 

JavaScript的变量

什么是变量?从字面上看,变量是可变的量;从编程角度来讲,变量是用来存储某种/某些数值的存储器。

定义变量使用关键字var,语法如下:

var 变量名

变量名可以任意取名,但要遵循命名规则:

1)变量必须使用字母、下划线(_)或者美元符($)开始。

2)然后可以使用任意多个英文字母、数字、下划线(_)或者美元符($)组成。

3)不能使用JavaScript关键词与JavaScript保留字

注意:在JS中区分大小写,如变量mychar与myChar是不一样的

 

JavaScript的函数

函数是完成某个特定功能的一组语句。我们可以把完成特定功能的代码放到一个函数里,直接调用这个函数,就省重复输入大量代码的麻烦。

定义一个函数基本语法如下:

function 函数名()

{

函数代码;

}

说明(1)function定义函数的关键字

2)“函数名”是你为函数取得名字

3)“函数代码”替换为完成特定功能的代码

 

 

转载地址:https://codingchaozhang.blog.csdn.net/article/details/77423645 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:JavaScript的常用互动方法
下一篇:css样式设置小技巧

发表评论

最新留言

很好
[***.229.124.182]2024年04月04日 08时23分49秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章

RT-Thread 编程风格指南 2019-04-29
95后高校电子教师,软硬兼修有趣有料! 2019-04-29
使用 STM32 通用 Bootloader ,让 OTA 更加 Easy 2019-04-29
Cache 的基本概念与工作原理 2019-04-29
装机量超亿台 RISC-V +IoT OS!中科蓝讯与RT-Thread战略合作,共推自主物联网生态发展 2019-04-29
Android程序员必备!面试一路绿灯Offer拿到手软,Android面试题及解析 2019-04-29
Android程序员的春天!12个View绘制流程高频面试题,分享PDF高清版 2019-04-29
深入交流安卓!新鲜出炉的Android面试真题集锦我给你们整理出来了!Android面试题及解析 2019-04-29
深入浅出Android开发!你会的还只有初级工程师的技术吗?一线互联网公司面经总结 2019-04-29
深度剖析原理!超全Android中高级面试复习大纲,含BATJM大厂 2019-04-29
温故而知新!Android开发者该学习哪些东西提高竞争力?成功入职阿里 2019-04-29
火爆知乎的Android面试题-Android-App的设计架构经验谈,大厂内部资料 2019-04-29
看完直接怼产品经理!Android多进程从头讲到尾,跳槽薪资翻倍 2019-04-29
快速从入门到精通!面试的时候突然遇到答不上的问题怎么办?已拿到offer 2019-04-29
Android开发知识体系!腾讯+字节+阿里面经真题汇总,成功入职阿里 2019-04-29
android开发语言!大厂经典高频面试题体系化集合,移动架构师成长路线 2019-04-29
typescript学习(进阶) 2019-04-29
三天敲一个前后端分离的员工管理系统 2019-04-29
axios请求携带cookie实现跨域(后端springsecurity) 2019-04-29
Uncaught (in promise) TypeError: $data.tableData.filter is not a function 2019-04-29