前端学习-javascript-（3）基本语法

最新推荐文章于 2020-07-20 15:12:22 发布
最新推荐文章于 2020-07-20 15:12:22 发布
阅读量73 收藏
点赞数
分类专栏： 前端shuo习 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45772415/article/details/107071459
版权

  • javascript的语句用逗号分隔

  • javascript语句通常以关键词开头，变量的新建只需要var 变量名（javascript是一种弱类型语言）

  • javascript的注释沿用了//

  • javascript将函数作为一种类型来操作：
    function 变量（）{}

  • js对大小写敏感

  • javascript使用Unicode字符集

  • 继续沿用驼峰命名规范

  • javascript是脚本语言，逐行读取，无需编译

——————————————————————————

常见的Javascript输出

javascript没有真正意义上的打印或者输出的函数
但是可以用以下多种方式输出数据：

  • 使用window.alert（）弹出警告框
  • 使用document.write() 方法将内容写到HTML文档中
  • 使用innerHTML写入到HTML元素
  • 使用console.log()写入浏览器的控制台
乐乐想学会java
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端学习笔记-黑马程序员JS
01-09
本资源主要介绍了 JavaScript 的基本概念和语法，包括变量、数据类型、运算符、流程控制、数组、函数、对象、内置对象等知识点。 变量 在 JavaScript 中，变量可以在三种位置书写：全局变量、函数变量和块变量。...
html前端学习（2）--JavaScript
05-13
JavaScript还有丰富的数据类型，包括基本类型（如字符串、数字、布尔值、null和undefined）和复杂类型（如对象）。对象是键值对的集合，使用花括号{}表示，如`var person = {name: 'John', age: 30};`。你可以通过...
前端开源库-grasp-syntax-javascript
08-29
`grasp-syntax-javascript` 是一个针对JavaScript语法的学习资源，旨在帮助开发者深入理解并掌握JavaScript的基础和高级语法特性。这个开源库可能包括一系列教程、代码示例以及练习，以帮助用户提升对JavaScript查询...
JavaScript前端PPT课件1-8章
最新发布
11-03
通过这8章的学习，你将对JavaScript有深入的理解，并具备基本的前端开发能力。在实际项目中，你还需要结合HTML和CSS，运用JavaScript实现页面动态效果，与服务器进行数据交换，以及处理用户的输入和交互，构建出功能...
前端项目-lvl3
02-22
【前端项目-lvl3】是针对前端开发的学习项目，主要基于JavaScript技术栈。在这个项目中，我们将会深入探讨JavaScript在构建现代Web应用中的核心概念和实践技巧。"Hexlet测试"可能指的是一个在线编程平台Hexlet提供的...
修改＜p＞标签的样式——在html中
qq_45772415的博客
07-15 2966
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>修改文本的颜色(w3cschool.cn)</title> </head> <body> <p id="p1">原文本</p> <p id="p2">修改样式后的文本 </p> <script> document.getElement
改变图片的src属性（地址）
qq_45772415的博客
07-14 706
一般图片src失败都是绝对路径太复杂搞错 最好是用相对路径，qwq <!DOCTYPE html> <html> <head> <meta charset ="utf-8"> <title>改变一个图片der链该</title> </head> <body> <img id = "image" src = "photo1.jpg" width ="160" height="120"> <sc
获取点击事件以后对文本进行修改
qq_45772415的博客
07-20 504
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>触发事件修改文本的内容</title> </head> <body> <h1 onclick="this.innerHTML='爷变了,不爱了'">爱你，请点击我</h1> </body> </html> ...
改变＜p＞里的内容
qq_45772415的博客
07-14 495
<!DOCTYPE html> <html> <head> <meta charset = "utf-8"> <title>修改文本</title> </head> <p id="p1">Hello World!</p> <script> document.getElementById("p1").innerHTML= "新文本！"; </script> <p>以
点击按钮改变＜p＞样式
qq_45772415的博客
07-15 281
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>点击按钮改变样式</title> </head> <body> <h1 id="id1">我想要变色qwq</h1> <button type="button" onclick="document.getElementById('id1').style.color
前端学习-javascript-（8）javascript表单验证
qq_45772415的博客
07-12 226
javascript表单验证 表单数据经常要使用javascript来验证其正确性： 验证表单数据是否为空 验证输入是否是一个正确的email地址 验证日期是否输入正确 验证表单中的输入是否为数字型？ ——————————————————— 必填（或者必选项目） 下面的函数用于检查用户是否已经填写表单中的必填（或者必选）项目。假如必填/必选项为空，那么会弹出警告框，并且函数返回false，否则函数返回值为true（数据没有问题）： 标准的结构： function validateForm(){ var
用onload事件向用户展示是否已经打开了cookie服务（弹窗提示）
qq_45772415的博客
07-20 214
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>onload事件触发查看cookie是否可用</title> </head> <body onload = "checkCookies()"> <script> function checkCookies() { if(navigator.cooki
前端学习-javascript-（5）字符串，===运算符
qq_45772415的博客
07-01 209
字符串 javascript中的字符串可以储存一系列字符，可以用单双引号一对括起来： var carname = "Volvo XC60"; 可以使用索引位置来访问字符串中的每个字符： var　character = carname[7]; 字符串中的字符引号应该不与外面的引号相同 ,需要的时候可以使用转义符号: var answer = " HE IS\"RUBY\""; 可以使用内置属性length来计算字符串的长度： var txt ="ABCDEFGHIJKLMNOPQR
前端学习-javascript-（7）javascript正则表达式
qq_45772415的博客
07-12 180
什么是正则表达式？ 正则表达式：使用单个字符串来描述、匹配一系列符合某个符合语法规则的字符串搜索模式。 语法： /pattern/modifiers; 示例： var patt = /lelejava/i; /lelejava/modifiers是一个正则表达式 lelejava是一个模式（用于jiansuo） i 是一个修饰符（搜索不区分大小写） javascript中，正则表达式通常用于两个字符串方法：search（）和replace（）。 search（）方法使用正则表达式 实例： 使
改变html输出流
qq_45772415的博客
07-14 174
<!DOCTYPE html> <html> <head> <meta charset = "utf-8"> <title>康康时间</title> </head> <body> <script> document.write(Date()); </script> </body> </html>
前端学习（1）——基本的html
qq_45772415的博客
06-22 131
HTML——超文本标记语言 HTML 是一种使用结构化控制web网页基本内容的标记语言 最基本的结构—— <!DOCTYPE html> <html> <body> <h1>我的标题1</h1> <p>我的段落1</p> </body> </html> 大部分情况下，一个完整的结构是一个开标签和一个闭标签。 （有些单独完成任务的标签不需要闭标签） 一般最基本结构中用到的标签： DOCTYPE
从事件处理器调用一个JavaScript函数用以改变文本
qq_45772415的博客
07-20 121
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>触发事件修改文本的内容</title> </head> <script> function changetext(id) { id.innerHTML ="爷变了，不爱了"; } </script> <body> <h1 o
前端学习-javascript-（2）jio本的调用
qq_45772415的博客
07-01 111
如何使用一个js脚本？ 可在HTML文档中《body》《head》位置中定义： head中的javascript函数： <!DOCTYPE html> <html > <head > <script > function myFunction() { document.getElementById("demo").innerHTML= "第一次测试javascript函数"; } </script> </head> <
前端学习-javascript-（1）预览
qq_45772415的博客
07-01 91
组成 DOM—Document Object Model 文档对象模型—操作返回到文档（界面） doucument对象 ———————————————— BOM—Browser Object Model 浏览器对象模型—操作浏览器本身 window对象 ———————————————— ECMAScript 解释器 ———————————————— 兼容性： ECMA 几乎没有兼容问题 DOM 一些操作不兼容 BOM 完全不兼容（不用考虑兼容问题） —————————————————— 变量 变
JavaScript语法基础与应用
学习和掌握JavaScript语法对于前端开发人员来说至关重要，因为它能帮助创建动态、响应式的用户体验，并且随着技术的发展，JavaScript的应用领域也在不断扩展，如Node.js使得JavaScript也能用于服务器端开发。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值