JavaScript基础(二)

 

JS语法结构——引入方式

js很明显可以是一个后缀名为js的文件,js的引入方式和css一样,也有三种方式。

1.外部

使用script表现,只不过增加一个src属性,把js文件的路径src属性中。

<script src ="js文件路径"></script>

跟那个css文件外联一样,"./ "  "../"就找到了

df002f0be4ff4428be66f274abdbb2fc.png

这里可以看到我在外面新建了一个后缀是js的文件,这个就是JavaScript文件,一般写在title下。

2.内部

在title下直接写<script>像写style一样,内部<script>写在什么下可以,建议写在</body>下。

例:

f66704ea13ec48b7be9bb8ed07c3d29e.png

 我们随便在里面写了点东西,看看效果:

ee155b1ac55e4077b03b74040bf0a45e.png

 3.标签内部嵌套

直接看例子

05fa2158f4ff421ea43050b05dfe5ca3.png

 9735cda574e447d3a8ebd95c35533b9b.png

然后点一下就有了。

这个onclick绑定事件后面细说,先知道这是内部嵌套写法就好。

JS中的方法

1.弹框输出方法

alert("需要显示内容");括号内单引号双引号都可以,但需要显示内容最好用单引号包起来,然后就通过js向页面输出内容,前面都看过了,就不写了。

2.document.write

310a2a26cb344a8e8369547bce9cc9f7.png

d647504d5a7e4fe7b55c4d91ea1f01a7.png

然后点一下确定,就会在页面写下write后的内容:

8cf4d18778b346849494c0b81c5a2144.png

 

<script>

    alert('祖国万岁')

    document.write("<h1> 你好,中国 </h1>")

</script>

当然在括号内套用的标签同时生效。

87b0e87bd33248e8b7cbb8c332203d8c.png

3.//声明变量   var 变量名 = 值;

//变量:常常变化的量

<script>

    var num = 20;

    alert(num);

</script>

注意alert没别加引号,加引号原样输出。

9b56437ca58d4512b3b0a60ee7452fc5.png

声明变量,立马在内存中开辟出一个房间,变量名就是这个房间号。

也可以用一个var生成多个变量:

<script>

    var num1 =1,

        num2 =2,

        num3 =3

</script>

变量值后跟逗号,代表声明没有结束。

也可以不写var,直接声明,解析器自动默认,num=30; alert(num);

一样的效果:

294a8d73f34749388a4232cafd5a593c.png

如果声明变量不赋值:

<script>

    var num ;

    alert(num);

</script>

就会显示undefined

db038f5a5b1649e884d2d8decd3ee55e.png

 4.//控制台输出内容

语法:  console.log();

例:<script>

    console.log('hhhhhha xswl');

   </script>

这个快捷输入log就有提示

打开页面后看不到,右键检查,有个控制台(console),我们输入的内容就在那里面。

1a6f465890a041fc80a39acbe21c8574.png

 用户看不到,当然也可以输出变量,console.log(num);

如果未赋值,也是undefined

64bde85ef690498a84b69a2c0c1fab81.png

接受用户输入

语法:   prompt(提示用户输入信息);

浏览器会弹出一个框,让用户输入信息。

例:

//接受浏览器弹框输入

<script>

      prompt("我帅不帅?");

</script>

9b7dda8a45b74bb5b43630ced86f750d.png

 //但用户输入的内容我们看不到,所以要用变量接收一下

<script>

   var answer = prompt("我帅不帅?");

   //我们在控制台上看一下

   console.log(answer);

</script>

0c0d29763fb64ceda566b739ac40891f.png

 然后就可以在控制台中看到用户输入内容了。

 

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/660959.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

MouseBoost PRO for Mac激活版:强大的 鼠标增强软件

在追求高效工作的今天&#xff0c;MouseBoost PRO for Mac成为了许多Mac用户的得力助手。这款功能强大的鼠标增强软件&#xff0c;以其独特的智能化功能和丰富的实用工具&#xff0c;让您的电脑操作更加便捷、高效。 MouseBoost PRO for Macv3.4.0中文激活版下载 MouseBoost PR…

如何在Spring Boot中配置数据库密码加密

如何在Spring Boot中配置数据库密码加密&#xff1f; alibaba/druid Wiki GitHub 使用ConfigFilter alibaba/druid Wiki GitHub 巧用Druid数据源实现数据库连接密码的加密解密功能 import com.alibaba.druid.filter.config.ConfigTools;public class Testttt {public stat…

概述CoAP协议

目录 概述 1 认识CoAP协议 2 CoAP的消息 2.1 CoAP消息类型 2.2 可靠传输和不可靠传输 2.2.1 可靠传输 2.2.2 不可靠消息 2.3 Request/Response Model 3 CoAP消息的格式 3.1 格式介绍 3.2 协议分析 4 CoAP URL 4.1 coap URI Scheme 4.2 coaps URI Scheme 5 Co…

Laravel5.4 反序列化

文章目录 0x01 环境搭建0x02 POP 链0x03 exp0x04 总结 前言&#xff1a;CC 链复现的头晕&#xff0c;还是从简单的 Laravel 开始吧。 laravel 版本&#xff1a;5.4 0x01 环境搭建 laravel安装包下载地址 安装后配置验证页面。在 /routes/web.php 文件中添加一条路由&#xf…

牛客NC275 和为S的两个数字【简单 map C++/Java/Go/PHP】

题目 题目链接&#xff1a; https://www.nowcoder.com/practice/390da4f7a00f44bea7c2f3d19491311b 思路 map参考答案C #include <vector> class Solution {public:vector<int> FindNumbersWithSum(vector<int> array, int sum) {vector<int> ans;m…

css div块标签内的多个英语单词怎样设置换行

背景&#xff1a; 在<div>标签内&#xff0c;当接口返回的字符串全是英文字母&#xff0c;不会自动换行。 原因&#xff1a;查过相关资料后才知道&#xff0c;只有英文文本才会出现不能自动换行的情况&#xff0c;&#xff08;中文不存在&#xff09;而原因是因为英文文本…

ubuntu搭建jupyter_notebook服务器

环境&#xff1a;ubuntu 22.04 目录 环境&#xff1a;ubuntu 22.04 一、创建一个anaconda用户 创建用户condaUser 为用户condaUser设置密码 开放opt文件夹的权限 登录condaUser用户 二、安装anaconda 下载anaconda 安装anaconda 三、添加环境变量 四、anaconda换源 …

Django后台项目开发实战二

我们的需求是开发职位管理系统 三个功能&#xff1a; 管理员发布职位候选人能浏览职位用户能投递职位 第二阶段 创建应用 jobs&#xff0c;实现职位数据的建模 python manage.py startapp jobs 然后再 setting .py 注册应用&#xff0c;只需添加应用名称到最后一行 INST…

Maven入门:1.简介与环境搭建

一.简介与环境搭建 1.Maven&#xff1a;用于自动化构建项目&#xff08;按照企业主流模板构建完善的项目结构&#xff09;和管理项目依赖&#xff08;依赖就是项目的jar包&#xff0c;通过配置的方式进行添加和管理&#xff0c;自动下载和导入&#xff09;的工具。即更加方便构…

LangChain入门2 RAG详解

RAG概述 一个典型的RAG应用程序,它有两个主要组件&#xff1a; 索引&#xff1a;从源中获取数据并对其进行索引的管道。这通常在脱机情况下发生。检索和生成&#xff1a;在运行时接受用户查询&#xff0c;并从索引中检索相关数据&#xff0c;然后将其传递给模型。 从原始数据…

分享一份物联网 SAAS 平台架构设计

一、架构图**** 二、Nginx**** 用于做服务的反向代理。 三、网关**** PaaS平台所有服务统一入口&#xff0c;包含token鉴权功能。 四、开放平台**** 对第三方平台开放的服务入口。 五、MQTT**** MQTT用于设备消息通信、内部服务消息通信。 六、Netty**** Socket通信设…

标准汽车试验铁地板的技术要求

在现代科技化发展的工作中&#xff0c;试验平台被广泛使用。铸铁试验平台&#xff08;试验铁地板&#xff09;又叫试验工作平台&#xff0c;听名字大家也不难想象出来这是一款带有箱式体的台面&#xff0c;这是一种有长方形或者圆形又或者正方形的试验工作台。 铸铁试验平台&a…