一、JavaScript简介

最新推荐文章于 2022-02-26 11:10:42 发布
最新推荐文章于 2022-02-26 11:10:42 发布
阅读量182 收藏
点赞数
分类专栏： JavaScript 文章标签： javascript 服务器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_42573967/article/details/121849230
版权

为什么使用JavaScript

HTML+css是静态，交互用js
在这里插入图片描述

一、 简述

JavaScript是Web页面的一种脚本编程语言，也是一种通用的、跨平台的、基于对象和时间驱动并具有安全性的脚本语言。它不需要进行编译，而是直接嵌入到HTML页面中，把静态页面转换为支持用户交互并响应响应事件的动态页面。

编译型与解释型对比
编译型：C/C++ （程序执行速度快，同等条件下对系统要求较低）
解释型：JavaScript、Python、Ruby、MATLAB （对速度要求不高、对不同系统平台间的兼容性有一定要求）
在这里插入图片描述

二、 特点

  1. 解释性
    和HTML，CSS一样，浏览器进行解析
  2. 基于对象
    可以直接使用JavaScript中内置对象，例如字符串，数学对象，也可自己创建。
  3. 事件驱动
    在页面使用一些动作，例如单击按钮
  4. 跨平台
    和os无关，无论什么os,只要浏览器支持JavaScript，就可用
  5. 安全性
    它不允许访问本地的硬盘，并不能将数据存入服务器上，不允许对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互。

三 、 应用

  1. 验证用户输入内容
  2. 实现动画效果（下雪，下雨）
  3. 窗口应用（浮动广告窗口）
  4. 应用Ajax技术实现搜索提示（输入一个下面有相应提示）
    Ajax是客户端异步传输技术，不用刷新页面情况下与服务器进行通信
  5. 文字特效

四、 在HTML中使用

  1. 在页面中直接嵌入JavaScript代码；
    <script></script>可放在<head></head>或<body></body>标签中
    在这里插入图片描述
  2. 链接外部JavaScript文件；
    写在外面，用src引用，扩展名xx.js
    相对路径：同一根目录下，xx.js
    绝对路径：d:/xx.js
    在这里插入图片描述
  3. 作为特定标签的属性值使用。

通过JavaScript：调用
在<a><input>标签中使用JavaScript脚本作为他们属性值

<a herf = "javascript:alert('你好JavaScript')">测试</a>

与事件结合调用

<input type = "button" value="测试" onclick = "alert('你好JavaScript')"/>

五、基本语法

  1. 执行顺序
    按照在HTML文件中出现的顺序逐行执行
  2. 大小写敏感
    语言的关键字、函数名、变量时，必须采用正确的大小写形式
    HTML不区分大小写
  3. 空格和换行
    会忽略程序中的空格、换行、制表符
  4. 每行结尾的分号可有可无
  5. 注释
    //单行
    /* */多行
JavaScript-18
weixin_55756423的博客
05-13 4959
jQuery操作DOM jQuery添加节点 使用jQuery工厂函数$()可以创建HTML元素 $(HTML标签) var $h1=$("<h1>hello</h1>") 添加节点append() $('body').append($h1) 可以直接传入HTML代码 $('body').append("<h1>hello</h1>") 可以添加多个元素 $('body').append($h1,$h2) 原代码： <ul> <li
JavaScript 18 JavaScript 字符串
谢谢你们的关注
10-29 5596
JavaScript 18 JavaScript 字符串
javascript 视频播放
12-06
一个简单易懂的js视频播放demo页面.
你不一定全都知道的javascript知识点——24个XX和XX的区别
weixin_44378370的博客
05-25 1894
1. 箭头函数和普通函数的区别 - a. 箭头函数和普通函数的样式不同，箭头函数语法更加简洁、清晰，箭头函数是=>定义函数,普通函数是function定义函数。 - b. 箭头函数会捕获其所在上下文的 this 值，作为自己的 this 值，定义的时候就确定并固定了。 - c. 箭头函数不能作为构造函数使用，也不能使用new关键字(因为箭头函数没有自己的this， - 它的this其实是继承了外层执行环境中的this，且this指向永远不会改变,作为构造函数其的this要是指向创建的新对象)。
18JavaScript基础
m0_49788155的博客
10-31 874
18JavaScript基础 一、计算机的特点 计算机是一种电器，所以计算机只能识别两种状态，一种是通电，一种是断电。数学家冯·诺依曼将这个思想以数学语言系统阐述，用0表示断电，1表示通电。 二、JavaScript概述 1、JavaScript的用途 JavaScript可以用来制作web页面交互效果，提升提升用户体验 可以用于： - 网页轮播图 - 选项卡 - 表单验证 - 网站地图 - 前后端交换等等 2、JavaScript的特点 - 简单易用 - 解释执行 - 基于对象 3、JavaScrip
JavaScript简介
10-24
自1995年诞生以来，JavaScript已经成为网络前端开发的核心技术之一。这门脚本语言最初由网景公司的Brendan Eich设计，目的是为了增强网页的交互性，并解决低带宽环境下用户提交表单时的等待问题。虽然它最初名为...
JavaScript 简介
12-14
JavaScript是一种广泛应用于网页和互联网应用的脚本语言，它的主要特点是轻量级和动态性。JavaScript可以直接嵌入HTML页面中，由所有现代浏览器解释执行，为网页增添交互性和动态功能。这种语言不需要编译，而是由...
javascript 简介.pdf
最新发布
09-05
JavaScript是一种主要用于网页开发的脚本语言，而Java是一种更通用的编程语言，适用于各种应用开发。 总结而言，JavaScript是一种灵活而强大的语言，它能够丰富网页的功能和用户体验。无论是简单的页面元素修改，...
18xx-maker:原型18xx React库
03-30
18xx制造商 此应用程序可以接受以json编写的游戏定义，将其显示并渲染以进行打印。 该站点的最初目的是用于个人PnP项目，但随着时间的流逝，其目的已转向制作新游戏的原型。 该项目是通过引导的。 该应用程序版本是使用创建的。 ui是使用。 聊天 在中，我们有一个＃18xx-maker频道。 用法和文件 请查看以获取有关如何使用此应用来制作自己的18xx游戏原型的信息。 捐款 我被问到有关捐赠按钮的问题； 如果您发现此软件对您有用，并且想为该软件的开发捐款，则可以通过或。
javascript身份证号码验证-支持15位和18位带x身份证
12-05
网上很多关于身份证校验的javascript代码，不过都没给全，以下是我添加全了函数一起提供的，希望对大家有所帮助。 javascript身份证号码验证-支持18位带x身份证。
js红宝书-第七章-迭代器与生成器
weixin_44069607的博客
11-28 530
红宝书-第七章-迭代器与生成器 迭代器 在软件开发领域，“迭代”的意思是按照顺序反复多次执行一段程序，通常会有明确的终止条件。 Array.prototype.forEach() 方法对数组的每个元素执行一次给定的函数，但没有办法标识迭代何时终止，且只适用于数组。 迭代器模式描述了一个方案，即可以把有些结构称为“可迭代对象”（iterable），因为它们实现了正式的Iterable 接口，而且可以通过迭代器Iterator 消费。 任何实现Iterable 接口的数据结构都可以被实现Iter
javascript 技巧总结积累1-108条（正在积累中）
weixin_34268579的博客
03-16 413
1.文本框焦点问题 onBlur:当失去输入焦点后产生该事件 onFocus:当输入获得焦点后，产生该文件 Onchange:当文字值改变时，产生该事件 Onselect:当文字加亮后，产生该文件 &lt;input type="text" value="郭强" onfocus="if(value=='郭强') {value=''}" onblur="if (value=='') {value=...
jquery和JavaScript之间的联系和区别
weixin_45921263的博客
06-09 8177
文章目录前言一、本质区别二、用法区别1.获取内容2.设置css样式3.属性（增删查）总结 前言 在学习jQuery的之前，就对JavaScript已经进行了深入的学习。但是，对jQuery的学习中有很大的迷惑。这篇文章将会总结jQuery和js的区别 一、本质区别 1.概念及功能（两者之间的联系）： JavaScript是用于Web客户端开发的脚本语言 jQuery是js的框架,基于js语言。功能：集合Ajax技术开发出来的js库，封装js和Ajax的功能，提供函数接口，简化js的操作。（注：在大多数
fragmenttransaction的函数都无法使用_前端大佬都在使用的JavaScript工具函数宝典（内含95个工具函数）...
weixin_33208553的博客
01-05 404
01 为元素添加on方法Element.prototype.on = Element.prototype.addEventListener;NodeList.prototype.on = function (event, fn) {、 []['forEach'].call(this, function (el) { el.on(event, fn); }); ret...
JavaScript的基本介绍
WZJ278的博客
02-26 760
JavaScript必须知道的基本知识
JavaScript 数学曲线—阿基米德螺线
XXHolic
10-24 1179
引子 最近在研究曲线运动的时候，尝试了用 AI 导出的 SVG 路径之后，发现有些还是回归到数学中更合适一些。搜集了一些资料，尝试后总结一下。 Origin My GitHub 简介 阿基米德螺旋是以公元前 3 世纪希腊数学家阿基米德命名的螺旋。它是一个轨迹，对应于一个点在一段时间内的位置，该点沿着一条以恒定角速度旋转的线以恒定速度离开一个固定点。在极坐标系中的公式描述： 当 c = 1 时，就是通常所说的阿基米德螺旋。 公式说明： r ：径向距离。 a ：常数，起始点与极坐标中心的距离。 b ：
20个常用JavaScript单行代码
consoleloghello的博客
11-30 364
20个常用JavaScript单行代码1.检查数字是奇数还是偶数2.在两个数字之间生成一个随机数3.随机生成6位数字验证码4.计算两个日期之间的天数5.查找日期位于一年中的第几天6.处理当前时间7.获取浏览器Cookie的值8.将数字转化为千分位格式9.数组去重10.数组合并11.随机排列数组12.多维数组转一维数组13.检查数组是否为空14.字符串反转15.获取JS语言的实际类型16.身份证的正则表达式17.将RGB转换为十六进制18.滚动到页面顶部19.将文字复制到剪贴板20.检查设备类型 1.检查数字
初识JavaScript （十八）
weixin_38341556的博客
08-30 6982
初识JavaScript （十八）1 函数对象的方法-call-apply-bind2 void在超链接中的应用3 引入正则表达式4 正则的介绍5 正则的创建6 正则的构成9 split方法10 replace方法11 match方法12 search方法 1 函数对象的方法-call-apply-bind 重点： this:关键字：代表了当前对象。 a：在事件使用。代表了当前正在触发执行事件函数的元素对象。 b：全局定义的函数中，或者全局作用域下的this代表了当前window对象。 如下的的代码中，两个
JavaScript的常用内置函数
QIANDXX的博客
02-06 973
在使用JavaScript语言时，除了可以自定义函数之外，还可以使用JavaScript的内置函数，这些内置函数是由JavaScript语言自身提供的函数。 常用的内置函数 1）parseInt()函数 该函数主要将首位为数字的字符串转化成数字，如果字符串不是以数字开头，那么将返回NaN。 语法： parseInt(StringNum,[n]) StringNum：需要转换为整型的字符串。 n：提供在2～36之间的数字表示所保存数字的进制数。这个参数在函数中不是必须的。 2）parseFloat()函数
仙女星JavaScript项目简介
JavaScript简介 JavaScript是一种高级的、解释型的编程语言，它被广泛应用于网页开发，能够实现网页的动态效果、数据验证、用户交互等功能。JavaScript与HTML和CSS一起成为网页开发的三大核心技术。 #### 2. ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值