正文 

当前位置： 首页 > java > java语法

unit04：javascript概述javascript基础语法流程控制

唐胜伟      2022-02-08     626

关键词：

　　　　Unit04： JavaScript 概述 、 JavaScript 基础语法 、 流程控制　　　　

my.js

function f3() {
    alert("唐胜伟");
}

demo1.html  演示点击按钮，弹出提示框

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<!-- 2.嵌入式:在script标签里写js.
    该标签可以写在网页任意位置,但通常写在head里. -->
<script>
    //js的注释是这样的
    /*也可以是这样的*/
    
    //js函数的规则:
    //1.js的函数都是公有的
    //2.js的函数不用声明返回值类型
    //3.js的函数可以声明参数
    function f2() {
        //js中不区分单引号和双引号
        alert("范传奇");
    }
</script>
<!-- 3.文件调用式:在单独的js文件中写JS.
    将文件引入就相当于将文件内的代码复制到此处.
    注意:script不能既引入js又写js. -->
<script src="my.js"></script>
</head>
<body>
    <!-- 
        事件:就是用户的操作/动作,也是js被
        调用的时机.如:单击事件、双击事件.
     -->
    <!-- 1.事件定义式:在定义事件时直接写js. -->
    <input type="button" value="按钮1"
        onclick="alert(‘苍老师‘);"/>
    <input type="button" value="按钮2"
        onclick="f2();"/>
    <input type="button" value="按钮3"
        onclick="f3();"/>
</body>
</html>

demo2.html  js的数据类型及转换

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script>
    //1.此处写的函数是在页面加载后,
    //用户点击按钮时才调用的.
    //2.若此处不写函数,直接写js代码,
    //则该代码在页面加载时直接调用,
    //其调用的时机比body还早.
    //alert(1);
    console.log("控制台打印");
    
    //1.声明变量
    var x;
    console.log(x);
    var y = 2;
    console.log(y);
    
    //2.数据类型
    var s = "Hello";
    var n = 3.14;
    var b = true;
    
    //3.隐式转换
    console.log(s+n);
    console.log(s+b);
    console.log(n+b);
    console.log(b+b);
    
    //4.强制转换
    console.log(parseInt("2.5"));
    console.log(parseInt(3.6));
    console.log(parseInt("abc"));
    console.log(typeof(s));
    console.log(typeof(n));
    console.log(isNaN(s));
    console.log(isNaN(n));
    console.log(isNaN(b));
    
    //5.特殊情况
    console.log(parseInt(""));
    console.log(parseInt(true));
    console.log(isNaN(""));
    console.log(isNaN(true));
    
    
    
</script>
</head>
<body>
    <p>js的语法和Java极为相似!</p>
</body>
</html>

demo3.html　使用js实现计算平方小例子

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script>
    function pf() {
        console.log(1);
        //获取文本框
        var input = document.getElementById("num");
        console.log(input);
        //获取文本框内的值
        var n = input.value;
        console.log(n);
        //获取span
        var span = document.getElementById("result");
        //判断该值是不是数字
        if(isNaN(n)) {
            //不是数字,span里给予提示
            span.innerHTML = "请输入数字";
        } else {
            //是数字,计算其平方,结果写入span
            span.innerHTML = n*n;
        }
    }
</script>
</head>
<body>
    <input type="text" id="num"/>
    <input type="button" value="平方"
        onclick="pf();"/>
    = <span id="result"></span>
</body>
</html>

 

web基础-javascript

...　　　　　　　　　　　　　　　　　　　　　　　　　JavaScript　　JS为网页添加功能： 　　　　1、页面的动态效果：输入的验证、页面元素的动态显示等 　　　　　JavaScript写在html页面上，由浏览器来运行 　　　　2、服务... 查看详情

unit06：外部对象概述window对象document对象

　　　　Unit06：外部对象概述、window对象、document对象　　　　小代码演示：<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>Inserttitlehere</title><script>//1.确认框functiondel(){varb= 查看详情

unit02：css概述css语法css选择器css声明

　　　　Unit02：CSS概述、CSS语法、CSS选择器、CSS声明　　　　my.cssp{color:yellow;}demo1.html<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>Inserttitlehere</title><!--2.内部样式:在h 查看详情

typescript和javascript之间的区别

TypeScript和JavaScript是目前项目开发中较为流行的两种脚本语言，我们已经熟知TypeScript是JavaScript的一个超集，但是TypeScript与JavaScript之间又有什么样的区别呢？在选择开发语言时，又该如何抉择呢？本文将会深入对比这两种语言，... 查看详情

javasc面向对象编程

javascript面向对象编程在面向对象编程里，程序是由对象构成的。js的面向对象编程中，对象是由属性构成的，没有类的概念。1.对象定义：无序属性的集合，其属性可以包含基本值、对象或者函数。1.1对象varperson=newObject();person.na... 查看详情

转载自网络大神(代码片段)

...文件提供参考下载第一节jQuery初步认知jQuery概述JQuery概念javascript概念基于Js语言的API和语法组织逻辑，通过内置window和document对象，来操作内存中的DOM元素JQuery概念基于javascript的，同上，提高了代码的效率jQuery是什么:是一个javas... 查看详情

unit04职前工作说明

单词available  有空的describe   描述responsible 负责的assign    指派department  部门necessary  有必要的familiar   熟悉的smoothly &n 查看详情

2016.07.04,英语,《vocabularybuilder》unit23

textcomesfromaLatinverbthatmeans‘toweave‘. textile: [‘teksta?l] adj.纺织的n.纺织品;texture: [‘tekst??r] n.质地；纹理；结构；本质，实质context: [‘k?ntekst] n.上下文,环境,背景. contextual:& 查看详情

如何在 JavaScript 代码中添加 HTML 按钮？ [复制]

】如何在JavaScript代码中添加HTML按钮？[复制]【英文标题】：HowtoaddaHTMLbuttoninJavaScriptcode?[duplicate]【发布时间】：2020-04-2201:34:31【问题描述】：当在JavaScript中调用函数时，如何添加仅在HTML中显示的按钮？我有一个功能，当您在文... 查看详情

javascript概述

初识JavaScrip1什么是JavaScript2JavaScript概述3网页组成4常见浏览器及特点5浏览器内核的分类6JavaScript的诞生和发展7JavaScript的用途8JavaScript的特点9JavaScript的组成1什么是JavaScript2JavaScript概述JavaScript：是Web开发领域中的一种功能强... 查看详情

托福词汇unit6

vesseln.船　　emergevi.出现，形成　　outlinevt.概述　　deliberateadj.小心翼翼的comparablyadv.比得上的，与...相匹配的　　objectiven.目标　　scoresof大量的　　demandvt.需要obsessionwith痴迷于...　　profoundadj.深远的　　ritualadj.仪式性的　　fl... 查看详情

scala-unit-1-概述及安装

一、Scala简介官网：www.scala-lang.orgScala语言很强大，它集成了面对对象和函数式编程的特点，并且运行在JVM(JavaVirtualMachine)上，即必须安装jdk。问题：学习大数据为什么Scala语言？　　因为大数据的一个重要组件：spark是用Scala语言... 查看详情

spark-unit1-spark概述与安装部署

一、Spark概述　　spark官网：spark.apache.org　　Spark是用的大规模数据处理的统一计算引擎，它是为大数据处理而设计的快速通用的计算引擎。spark诞生于加油大学伯克利分校AMP实验室。　　mapreduce（MR）与spark的对比：　　　　1.MR... 查看详情

javascript概述

1JavaScript 1.1JavaScript是一种脚本语言 脚本语言不单独使用，必须嵌入到其它语言中组合使用1.2JavaScript由浏览器解析运行。解析一条。运行一条1.3JavaScript能够控制前端的页面的逻辑操作比如能够控制css样式  能够对... 查看详情

第九十六节，javascript概述

JavaScript概述 学习要点：1.什么是JavaScript2.JavaScript特点3.JavaScript历史4.JavaScript核心5.开发工具集 JavaScript诞生于1995年。它当时的目的是为了验证表单输入的验证。因为在JavaScript问世之前，表单的验证都是通过服务器端验证... 查看详情

通过Javascript避免在html列表中的列表中重复

】通过Javascript避免在html列表中的列表中重复【英文标题】：AvoidingDuplicateinlistinhtmllistbyJavascript【发布时间】：2020-04-0101:00:25【问题描述】：我有一个HTML列表，它是由来自Json的值打印的。我在html中有一个按钮<buttononclick="printJ... 查看详情

rh134unit1

一.自动安装REDHATENTERPRISELINUXKickstart概述使用kickstart,系统管理员可以创建一个包含安装期间所有常见问题的答案的文件,以自动安装RedHatEnterpriseLinuxKickstart类似于Oraclesolaris中的Jumpstart或MicrosoftWindows的无人值守安装安装system-config-ki... 查看详情

javascript之基础-1javascript(概述基础语法)

一、JavaScript概述JavaScript概念 -JavaScript是一种运行于JavaScript解释器/引擎中的解释型脚本语言 - JavaScript解释器作为JS脚本的运行环境，有如下两种呈现方式   -独立安装的JavaScript解释器;   -嵌入在... 查看详情