JS

轻量级脚本语言，也是嵌入式语言，是一种对啊想模型语言，简称JS

想要实现复杂的效果，得依靠宿主环境提供API，最常见的是浏览器，还有服务器环境（操作系统）

语言机构+宿主环境提供的API

写js方式

  • 写在html行内
<input type="button" value="按钮" onclick="alert(123)">
  • 写在script中
<script>

        alert(345)

    </script>
  • 外部引入
 <script src="1.js"></script>

变量

var a;

var a=19;

var a=19,b=9;

var str = 'hello,\'bob\'';//有符号需求要转义

类型转换

var n=5;

var s = n.toString();//数值转字符

console.log(typeof s);

var a =paraseInt('2')//字符转数字的两种方式

var a =Number('2')

操作符

===会比较数据类型，==不会比较数据类型，其他运算符用的时候查

循环和判断

直接看代码

数组

创建数组的方式：

  • 字面量创建

    var arr=[1,2,3,'d','c'];

  • 构造函数方式创建数组

    var arr = new array(1,2,3,4,'d');

  • 多维数组

    var a1=new Array(1,2,3,4,5);
    
var a2 = new Array(1,2,3,a1);//用另外用种方式也可以

代码

hellojs

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>

<body>

    <!-- 1.写在html行内的js -->

    <!-- <input type="button" value="按钮" onclick="alert(123)"> -->

</body>

 <!-- 2.写在script标签内的js -->

    <!-- <script>

        alert(345)

    </script> -->

    <!-- 3.将外部js文件引入后执行 -->

    <!-- 注意：使用外部引入的方式，不需要再script里面写代码。

    写了不会报错，也不会运行-->

    <!-- <script src="1.js"></script> -->

</html>

外部引用的1.js

alert(35)

变量

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>

<body>

</body>

<script>

    //声明一个变量

    // var a;

    // //赋值

    // a=18;

    // //声明且赋值

    // var b=10;

    // //一次性声明多个

    // var c=100,d=1000,e=20;

    // var temp;

    // temp=a;

    // a=b;

    // b=temp;

    // //数值，字符串，布尔，undefined，null，对象

    // var age =18;

    //有符号需求，要加上转义

    // var str = '你好，\'bob\'';

    // alert(str)

    //字符串长度

    // var s1='123';

    // console.log(str.length);

    //数值型转换为字符

    // var n=5;

    // var s=n.toString();//tostring就可以

    // // alert(n);

    // // alert(s);

    // console.log(typeof s);

    // console.log(typeof n);

    //字符型转成数值型,方法一

    // var a = parseInt('2');

    // var b = parseInt(null);//NAN

    // var c = parseInt(undefined);//NAN

    // console.log(a,b,c);

    //字符型转数值型,方法二

    var a = Number('2');

    var b= Number(null);//0

    var c=Number(undefined);//NAN

    console.log(a,b,c);

</script>

</html>

操作符

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>

<body>

</body>

<script>

    //基本运算符

    // var a=3;

    // var b=2;

    // console.log(a*b);

    // console.log(a%b);

    // console.log(a+b);

    // console.log(a-b);

    //一元运算符(-- ++)

    // var a=100,b=1000;

    // a--,b++;

    // console.log(a,b);

    //比较运算符

    // var a ='2';

    // var b =2;

    //两个等号,只比较数值,三个等号,会比较数据类型

    // console.log(a==b);

    // console.log(a===b);

</script>

</html>

循环和判断

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>

<body>

</body>

<script>

    //1. if

    // if(60>100){

    //     console.log(1);

    // }else if(60<=100){

    //     console.log(3);

    // }

    // console.log(2)

    //switch

    // var a=1;

    // switch(a){

    //     case 1:

    //         console.log(3);

    //         break;

    //     case 2:

    //         console.log(2);

    //         break;

    //     case 3:

    //         console.log(3);

    //         break;

    //     default:

    //         console.log('hello');

    //         break;

    // }

    //2. while循环

    // var a = 90;

    // while(a<100){

    //     console.log("success");

    //     a++;

    // }

    //

    //计算1-100的和

    // var sum =0;

    // var a=1;

    // while(a<=100)

    // {

    //     sum=sum+a;

    //     a++;

    // }

    // console.log('sum='+sum);

    // console.log('a='+a);

    //100以内7的倍数

    // var a = 1;

    // while(a<=100){

    //     if(a%7==0){

    //         console.log(a);

    //     }

    //     a++;

    // }

    //打印100以内偶数的和

    // var a=0;

    // var sum=0;

    // while(a<=100){

    //     if(a%2==0){

    //         sum = sum +a;

    //     }

    //     a++;

    // }

    // console.log('sum='+sum);

    //3. do while循环,先执行一次,再执行循环(至少会执行一次)

    // var a=10;

    // do{

    //     console.log(a);

    // }while(a>10)

    //4. for循环

    // for(var a=0;a<=10;a++){

    //     console.log(a);

    // }

    //打印一个矩阵

    // var s='';

    // for(i=0;i<10;i++){

    //     for(j=0;j<10;j++){

    //         s=s+'*';

    //     }

    //     s=s+'\n';

    // }

    // console.log(s);

    //打印倒三角

    // var s='';

    // for(var i=0;i<10;i++){

    //     for(var j=i;j<10;j++){

    //         s=s+'*';

    //     }

    //     s+='\n';

    // }

    // console.log(s);

    //99乘法表

    // var s='';

    // for(var i=1;i<10;i++){

    //     for(var j=i;j<10;j++){

    //         s=s+i+'*'+j+'='+(i*j)+'\t';

    //     }

    //     console.log('\n');

    // }

    // console.log(s);

    //5. continue,跳过所有的偶数

    // var s=0;

    // for(var i=0;i<100;i++){

    //     if(i%2==0){

    //         continue;//比如是2的话,跳回到for循环里面,然后到3

    //     }

    //     console.log(i);

    // }

    //打印在200-300之间第一个能被7整除的数字

    // for(var i=200;i<=300;i++){

    //     if(i%7==0){

    //         console.log(i);

    //         break;

    //     }

    // }

</script>

</html>

HelloJs的更多相关文章

  1. 学习angular.js的一些笔记想法(上)

    1.data-ng-app与ng-app的区别 data-ng-app是为了h5不报错 2.ng-class 不多说就来拿例子说吧 html代码 <div class='color-change ...

  2. Hello.js – Web 服务授权的 JavaScript SDK

    Hello.js 是一个客户端的 Javascript SDK,用于实现 OAuth2 认证(或者基于 OAuth 代理实现的 OAuth1)的 Web 服务和查询 REST API. HelloJS ...

  3. hybrid开发设计

    hybrid方案背景 大部分业务都是在不停改变的,我们希望native不发布新版本就可以让线上用户使用新功能.我们要实现这样的方式,采用h5来实现就可以满足这一要求,准确说是native里提供一个装载 ...

  4. 第一个Cocos2d-JS游戏

    我们的编写的第一个Cocos2d-JS程序,命名为HelloJS,从该工程开始学习其它的内容.创建工程我们创建Cocos2d-JS工程可以通过Cocos2d-x提供的命令工具cocos实现,但这种方式 ...

  5. JavaScript语言常量和变量

    我们在以往介绍使用JavaScript编写一个HelloJS的小程序,其中我们就用到变量.常量和变量是构成表达式的重要组成部分.常量在声明和初始化变量时,在标识符的前面加上关键字const,就可以把该 ...

  6. JavaScript语言基础-环境搭建

    我们要想编写和运行JavaScript脚本,则需要:JavaScript编辑工具和JavaScript运行测试环境.下面我们分别介绍一下.JavaScript编辑工具JavaScript编辑工具最简单 ...

  7. setTimeout 和 setInteval 的区别。

    学习前端的可能都知道js有2个定时器setTimeOut和setinteval.用的时候可能不是很在意,但是2者还是有区别的 setTimeout方法是定时程序,也就是在什么时间以后干什么.干完就完了 ...

  8. Android开发学习之路--Java和Js互相调用

      随着前端的火热,以前开发的快速,越来越多的native app在其中融合了h5,就拿淘宝就是很多的h5组成的,一旦出现什么节日,他都可以不用通过更新app来实现界面的改变,而且android和io ...

  9. 开源项目ScriptGate，Delphi与JavaScript相互调用的神器

    ScriptGate是一个实现TWebBrowser上的JavaScript和Delphi代码相互调用的库,具体在这里:https://bitbucket.org/freeonterminate/sc ...

  10. webserive学习记录6-页面请求webservice

    前面都是通过JAVA代码访问webservice服务,下面将介绍通过javascript,jquery访问webservice服务并介绍过过servlet解决跨域问题的方法. 服务端 编写服务代码,解 ...

随机推荐

  1. 2023NepCTF-RE部分题解

    2023NepCTF-RE部分题解 九龙拉棺 过反调试 很容易发现 void __stdcall sub_401700() 里面有tea的痕迹 接出来发现只是前半部分 #include <std ...

  2. 拯救“消失的她”——双系统grub完美恢复方案

    双系统grub意外消失怎么办? 不用重装系统.不用去维修店.不会丢数据,教你一招,完美恢复grub! 背景 我的电脑是windows和linux双系统,启动项使用的grub.某天准备切换linux时突 ...

  3. 关闭Google"阻止了登录尝试"方法, 其他设备也能登录Gmail等谷歌服务

    首先登录谷歌账户,  访问 https://www.google.com/settings/security/lesssecureapps 把"不够安全的应用的访问权限" 启用打勾 ...

  4. Vika and Her Friends

    Smiling & Weeping ----早知道思念那么浓烈,不分手就好了 题目链接:Problem - A - Codeforces 题目大意:有n个Vika的朋友在一个n*m的方格中去捉 ...

  5. C#集成ViewFaceCore人脸检测识别库

    前言 人脸检测与识别现在已经很成熟了,C# 上有 ViewFaceCore 这个很方便的库,但这种涉及到 native 调用的库,一般会有一些坑,本文记录一下开发和部署的过程. 本文的项目是 AIHu ...

  6. Vue3搭建后台管理系统模板

    搭建后台管理系统模板 2.1项目初始化 今天来带大家从0开始搭建一个vue3版本的后台管理系统.一个项目要有统一的规范,需要使用eslint+stylelint+prettier来对我们的代码质量做检 ...

  7. Django——后台添加的用户密码错误

    django项目中,当我们创建了user模型类,并生成了超级管理员,之后我们进入到admin后台页面中,添加一个用户,再去login页面登陆时,会提示我们 用户名或密码错误. 这时,我们第一时间会想到 ...

  8. 前端三件套系例之CSS——CSS3基础样式

    文章目录 1.宽和高 案例 2.字体属性 2-1 文字字体 2-2 字体大小 2-3 字重(粗细) 2-4 文本颜色 2-5 总结 2-6 案例 文字属性 3-1 文字对齐 3-2 文字装饰 3-3 ...

  9. SYN泛洪攻击详解

    SYN攻击利用的是TCP的三次握手机制,攻击端利用伪造的IP地址向被攻击端发出请求,而被攻击端发出的响应 报文将永远发送不到目的地,那么被攻击端在等待关闭这个连接的过程中消耗了资源,如果有成千上万的这 ...

  10. YbtOJ 质数与约数 4.统计元素

    搜不到题解,乐. 由题意,\(a_i\) 对答案有贡献当且仅当 \(i\in{[l,r]}\) 且对于 \(\forall a_j| {a_i},j\notin[l,r]\). 则对于每个 \(a_i ...