JavaScript快速上手
引入JavaScript项目
在html中
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title> <!-- script标签内，写JavaScript -->
<!-- <script>-->
<!-- alert("hello world");-->
<!-- </script>-->
<script src="js/aj.js"></script>
</head>
<body> </body>
</html>
在js/aj.js中
alert("hello, world")
- 不用定义type="text/javascript"也是默认为JavaScript
<script type="text/javascript"></script>
基本语法入门
js代码的注释和Java是一样的
JS的调用方式
- js可是内部调用
<script> </script>
- js也可以外部引入，不易
<script src="js/aj.js"></script>
JS变量的方式
定义变量 Java中是 变量类型 变量名 = 变量值; 但是，JavaScript中没有变量类型，所有变量都是 var类型只要你按照Java的规范写JavaScript，不会出错，JavaScript严格区分大小写
<script>
//1. 定义变量 Java中是 变量类型 变量名 = 变量值;
// JavaScript中没有变量类型，所有变量都是 var类型
var num = 1;
var name = "zhangsan";
alert("num = "+num +" name = "+name);
</script>
条件控制
//2. 条件控制
var source = 65;
if(source >60 && source < 70){
alert("60-70");
}else if(source >70 && source < 80){
alert("70-80");
}else{
alert("other");
}
调试JavaScript
点击浏览器的F12进入开发者模式，选着Console控制台，就可已在Console写代码
调试JavaScript的方式一：比如想要显示source这个变量的值，可以在console里面写alert(score);然后点回车，就会弹出source的值
调试JavaScript的方式二：也可以使用console.log(score);点击回车，显示source这个变量的值
//3. JavaScript调试
console.log(score);//相当于Java的System.out.println();
打断点的方式：
- 点击要打断点的地方
- F5刷新，就可以进入断点
- 右侧上方有调试的按键
可以在Chrome中修改JavaScript代码，修改后点击Ctrl+S是保存自己的更改
Step into next function call 点击会下一步，会进入方法
Step over next function call 点击会继续下一步，但是不进入方法内部
Deactivate breakpoints 点击变为蓝色，蓝色表示会忽略所有断点
Application存储一些网页数据，
JavaScript快速上手的更多相关文章
- 快速上手RaphaelJS-Instant RaphaelJS Starter翻译（一）
(目前发现一些文章被盗用的情况,我们将在每篇文章前面添加原文地址,本文源地址:http://www.cnblogs.com/idealer3d/p/Instant_RaphaelJS_Start ...
- knockoutJS 快速上手
翻译:Knockout 快速上手 - 3: knockoutJS 快速上手 许多时候,学会一种技术的有效方式就是使用它解决实际中的问题.在这一节,我们将学习使用 Knockout 来创建一个常见的应用 ...
- Java 程序员快速上手 Kotlin 11 招
欢迎大家关注腾讯云技术社区-博客园官方主页,我们将持续在博客园为大家推荐技术精品文章哦~ 作者:霍丙乾 近经常会收到一些 "用 Kotlin 怎么写" 的问题,作为有经验的程序员, ...
- 官方 React 快速上手脚手架 create-react-app
此文简单讲解了官方 React 快速上手脚手架的安装与介绍. 1. React 快速上手脚手架 create-react-app 为了快速地进行构建使用 React 的项目,FaceBook 官方发布 ...
- 【技术文章】《快速上手nodejs》
本文地址:http://www.cnblogs.com/aiweixiao/p/8294814.html 原文地址: 扫码关注微信公众号 1.写在前面 nodejs快速上手 nodejs使ja ...
- 从零开始学 Web 之 Ajax（三）Ajax 概述，快速上手
大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号:Web前端之巅 博客园:ht ...
- Flask入门和快速上手
目录 Flask入门和快速上手 python三大主流框架对比 Flask安装 依赖 可选依赖 创建flask项目 flask最小应用--hello word 非法导入名称 调试模式 路由 唯一的 UR ...
- [Full-stack] 快速上手开发 - React
故事背景 [1] 博客笔记结合<React快速上手开发>再次系统地.全面地走一遍. [2] React JS Tutorials:包含了JS --> React --> Red ...
- webpack快速入门——webpack3.X 快速上手一个Demo
1.进入根目录,建两个文件夹,分别为src和dist 1).src文件夹:用来存放我们编写的javascript代码,可以简单的理解为用JavaScript编写的模块. 2).dist文件夹:用来存放 ...
随机推荐
- 错误: 未能完成程序集的安装(hr = 0x8007000b)。探测终止。
解决方案:VS中"工具"->"选项"->"Web项目"->"对网站和项目使用IIS Express的64位版& ...
- centos 7下设置.net core项目开机自启动
1.在etc/systemd/system下创建xxx.service文件 例如:vi /etc/systemd/system/ubif.service2.编辑 ubif.service内容如下: [ ...
- 数理统计9：完备统计量，指数族，充分完备统计量法，CR不等式
昨天我们给出了统计量是UMVUE的一个必要条件:它是充分统计量的函数,且是无偏估计,但这并非充分条件.如果说一个统计量的无偏估计函数一定是UMVUE,那么它还应当具有完备性的条件,这就是我们今天将探讨 ...
- codeforces 1077D Cutting Out 【二分】
题目:戳这里 题意:给n个数的数组,要求找k个数满足,这k个数在数组中出现的次数最多. 解题思路:k个数每个数出现次数都要最大化,可以想到二分下限,主要是正确的二分不好写. 附ac代码: 1 #inc ...
- springboot demo（一）快速开始
快速入门 maven构建项目 1.访问http://start.spring.io/ 2.选择构建工具Maven Project.Spring Boot版本2.26以及一些工程基本信息,点击" ...
- linux下新建用户
新建用户的两种方式: 一步步创建 useradd -m user1 #-m 是建立家目录 passwd user1 #设置密码 usermod -a -G root user1 #加入管理员 chsh ...
- XSS脚本汇总
(1)普通的XSS JavaScript注入<SCRIPT SRC=http://***/XSS/xss.js></SCRIPT> (2)IMG标签XSS使用JavaScrip ...
- μC/OS-III---I笔记9---任务等待多个内核对象和任务内建信号量与消息队列
在一个任务等待多个内核对象在之前,信号量和消息队列的发布过程中都有等待多个内核对象判断的函数,所谓任务等待多个内核对象顾名思义就是一任务同时等待多个内核对象而被挂起,在USOC-III中一个任务等待多 ...
- vue中怎么动态生成form表单
form-create 是一个可以通过 JSON 生成具有动态渲染.数据收集.验证和提交功能的表单生成组件.支持3个UI框架,并且支持生成任何 Vue 组件.内置20种常用表单组件和自定义组件,再复杂 ...
- Open Source Web Monitor System
Open Source Web Monitor System 开源 Web 监控系统 Front End Monitor System / Front End Monitor Platform 前端监 ...