[Web 前端] 021 js 初识 Javascript
1. Javascript 简介
1.1 定位
- JS 是运行在浏览器端的脚本语言
1.1.1 关于浏览器
- JS 由浏览器解释执行
- JS 通常被直接嵌入 HTML 页面
1.1.2 关于脚本语言
- JS 是客户端脚本语言
- JS 是轻量级编程语言
- JS 是解释性语言
1.2 功能
- 主要解决前端与用户交互的问题，如
- 使用交互
- 数据交互
1.3 特点
- 弱类型
- 基于对象
- 安全
- 兼容性
2. Javascript 嵌入页面的方式
2.1 嵌入式
- 在 body 体中使用 script 标签嵌入
<body>
<script type="text/javascript">
var a = "你好！";
alert(a);
</script>
</body>
- script 标签中的
type="text/javascript"可以不写，因为这是默认值
2.2 外链式
- 在 body 体中使用 script 标签，并在其中增加 src="./xxx.js"，
<body>
<script type="text/javascript" src="./static/JS/index.js"></script>
</body>
- 之后，需在对应的 .js 文件中写相应代码
2.3 行间样式
- 主要用于事件
<body>
<a href="javascript:alert('行间样式生效1')">点我</a><br>
<a href="javascript:void(0)" onclick="alert('行间样式生效2')">再点</a>
</body>
href="javascript:void(0)"这种形式用得多
3. Javascript 的语句与注释
一条 JS 语句应该以
;结尾JS 的注释
// 单行注释
/*
多行注释
1、...
2、...
*/
4. Javascript 的变量
- JS 的变量类型由它的值来决定
- 定义变量需要用关键字 var
- 在非严格模式下，可以不使用 var 关键字定义全局变量，但不推荐
- 在严格模式下，不使用 var 关键字定义全局变量，会产生错误
- 声明严格模式：在 script 标签中写入 "use strict";
// 声明严格模式
"use strict";
var a = 123;
var b = 'abc';
// 同时定义多个变量可以用
var c = 456, d = 'def';
5. Javascript 的变量、函数、属性命名规范
- 由数字、字母、下划线和 $ 组成
- 不能以数字开头
- 不能使用关键字
- 大小写敏感
[Web 前端] 021 js 初识 Javascript的更多相关文章
- web前端面试试题总结---javascript篇
JavaScript 介绍js的基本数据类型. Undefined.Null.Boolean.Number.String. ECMAScript 2015 新增:Symbol(创建后独一无二且不可变的 ...
- Web前端-Vue.js必备框架（三）
Web前端-Vue.js必备框架(三) vue是一款渐进式javascript框架,由evan you开发.vue成为前端开发的必备之一. vue的好处轻量级,渐进式框架,响应式更新机制. 开发环境, ...
- Web前端-Vue.js必备框架（一）
Web前端-Vue.js必备框架(一) <!DOCTYPE html> <html lang="en"> <head> <meta cha ...
- Web前端-Vue.js必备框架（五）
Web前端-Vue.js必备框架(五) 页面组件,商品列表组件,详情组件,购物车清单组件,结算页组件,订单详情组件,订单列表组件. vue-router 路由 vuex 组件集中管理 webpack ...
- Web前端-Vue.js必备框架（四）
Web前端-Vue.js必备框架(四) 计算属性: <div id="aaa"> {{ message.split('').reverse().join('') }} ...
- Web前端-Vue.js必备框架（二）
Web前端-Vue.js必备框架(二) vue调式工具vue-devtools 过滤器:vue.js允许你自定义过滤器,可被用作一些常见的文本格式化. mustache插值和v-bind表达式. vu ...
- Web前端Require.js
前言 前段时间粗略的扫过一次require.js,当时没怎么在意,结果昨天看到index里面的代码就傻了,完全不知道从哪开始看啦,所以require与backbone的学习还要加紧才行. 由于前端所占 ...
- Web前端开发神器--WebStorm(JavaScript 开发工具) 8.0.3 中文汉化破解版
WebStorm(JavaScript 开发工具) 8.0.3 中文汉化破解版 http://www.jb51.net/softs/171905.html WebStorm 是jetbrains公司旗 ...
- 【RSA】在 ASP.NET Core中结合web前端JsEncrypt.JS使用公钥加密，.NET Core使用私钥解密；
有一个需求,前端web使用的是JsEncrypt把后端给的公钥对密码进行加密,然后后端对其进行解密: 使用的类库如下: 后端使用第三方开源类库Bouncy Castle进行RSA的加解密和生成PEM格 ...
随机推荐
- 使用vux的x-input组件中show-clear=“true”清除icon点击失效的问题
问题场景: 在电脑浏览器点击清除icon正常 在手机浏览器,手机微信,微信开发者工具中点击清除icon失效 查看vux中的x-input组件中的源码发现,清除icon使用了v-show显示与隐藏,对应 ...
- thinkphp类型转换
类型转换 说白了就是在model类中声明的字段输出类型:其语法如下: 注意strtotime()函数可以将诸如‘2018-12-21’这样的日期字符串转为整数存入数据库 自动完成---等于提前对某一表 ...
- ansj分词器使用记录
//最简单实例 String ruiec = “分词测试123456100名”; //剔除指定的分词 s.insertStopWords("100名"); //剔除标点符号(w) ...
- Python：查看解释器的位置
以前学Python时,有时出现这样的情况:明明记得装了scipy包,怎么打import scipy报错说我没这个包? 问题出在,你的电脑上安装了不止一个Python... 而每安装一个包,仅仅在这个P ...
- ftp CentOS7安装
1.安装ftp服务yum install vsftpd 2.修改ftp配置文件(/etc/vsftpd/vsftpd.conf)ascii_upload_enable=YESascii_downloa ...
- postgresql查询栅格数据范围(extent)
栅格数据: SELECT ST_Extent(rast::geometry) as bextent FROM tmean_19; 矢量数据: SELECT ST_Extent(way) as bext ...
- select 语句关键字优先级
1.select 语句优先级 select classid, userid, name, age from study where userid > 15 group by classid ha ...
- Netty 介绍和应用场景(一)
1.为什么选择Netty 需要了解了Socket通信(IO/NIO/AIO)编程,对于通信模型已经有了一个基本的认识.,果想把这些真正的用于实际工作中,那么还需要不断的完善.扩展和优化.比如经典的TC ...
- Window7下安装Eclipse C/C++ Developer
觉得自己写这个是有点脑残的.哈哈. 毕业之后,看的多的是Java.大多忘记C和C++的东西.虽说大学第一门计算机语言就是学的C.惭愧. 重温一下C的知识. 正题: 1.在Windows下安装Eclip ...
- 用JavaServiceWrapper将JAVA程序发布成Windows服务
怎么把jar文件做成系统服务,比较多的解决方案是使用 wrapper-windows 这个软件包.这个软件包的强大之处是能把jre环境也给打进去,这个服务可以正常运行在根本没有jre环境即就没有安装J ...