JavaScript——入门基础

简介:

   Javascript入门基础

1    JS的插入

   使用<script>标签在HTML网页中插入JavaScript代码,<script>标签要成对出现,并把JavaScript代码写在<script></script>之间

2   <scripttype="text/javascript">表示在<script></script>之间的是文本类型(text),javascript是为了告诉浏览器里面的文本是属于javascript语言

   例子:添加<script>标签,使代码正常运行,让结果窗口显示"开启JS之旅!"

<scripttype="text/javascript">

    document.write("开启JS之旅!");

</script>

3    引用外部JS文件

   JS不只能在HTML文件中,把HTML和JS分开,单独创建一个JS文件,文件后缀名通常带有js,就可以将JS直接写在JS文件中,在JS文件中,不需要<script>标签,直接编写JS代码就可以

   JS文件不能直接运行,需要嵌入到HTML文件中执行,在HTML中添加<script src=”JS文件名”></script>,就可以将JS文件嵌入HTML文件中

4    JS在文件中的位置

   JS可以放在HTML文件中的任何位置,一般放在head或者body部分

   放在head部分   浏览器解析head部分就会执行这个代码,然后才解析页面的其余部分

   放在body部分   JS在网页读取到该语句的时候就会执行

   一行的结束就被认定为语句的结束,通常在结尾加上一个分号,来表示语句的结束,每句结束后都有分号,按顺序执行语句,分号要在英文状态下输入,同样JS中的代码和符号都要在英文状态下输入,如:alert("hello!");和document.write("loove");

5     注释

   注释的作用是提高代码的可读性,帮助自己和别人阅读和理解你所编写的JavaScript代码,注释的内容不会在网页中显示,注释可分为单行注释与多行注释两种,注释内容一般放到需要解释语句的结尾处或周围

5.1   单行注释,在注释前面加符号//

   如:<script type="text/javascript">

    document.write("");//我是注释,该语句功能在网页中输出内容

    </script>

5.2   多行注释以/*开始,以*/结束

   如:<script type="text/javascript">

     doument.write("");

     /*

     多行注释

     养成好习惯

     */

    </script>

6   变量

   从编程角度讲,变量是用于存储某种或某些数据的存储器。在JS中严格区分大小写。

定义变量使用关键字var,如:var 变量名

7   变量名可以任意取名,但是要遵循命名规则

   变量必须使用字母、下划线或者美元符开始

   然后可以使用任意多个英文字母、数字、下划线或者美元符组成

   不能使用JavaScript关键词与JavaScript保留字

8   开头不能用数字和除(_$)外的特殊符号,如(% + /等)开头中间不能使用除(_$)外的特殊符号,如(% + /等)

9   关键字有

   break  else  new  var  case  finally  return  void  catch  for  switch  while  default  if  throw  delete  in  try  do  instanceof   typeof

10   保留字

   adstract  enum  int  short  blooean  export  interface  static  byte  extends   long  super  char  final  native  synchronized  class  float  package  throws  const  goto  private  transient  sebugger  implements  protected  volatile  double  import  public

11   赋值可以是数值、字符串、布尔值等

  如:var num1=123;     //123是数值

var  num2="一二三" ;   //"一二三"是字符串       字符串需要用一对引号括起来

var  num3=true;       //布尔值true(真),false(假)

12   变量要先声明再赋值

   如:var mychar;

         mychar="javascript";

          var mynum=6;

13   可以重复赋值

   如:var mychar;

          mychar="javascript";

          mychar="hello";


本文转自 拉考的考拉 51CTO博客,原文链接:http://blog.51cto.com/lakaodekaola/1941773


相关文章
|
2月前
|
前端开发 机器人 API
前端大模型入门(一):用 js+langchain 构建基于 LLM 的应用
本文介绍了大语言模型(LLM)的HTTP API流式调用机制及其在前端的实现方法。通过流式调用,服务器可以逐步发送生成的文本内容,前端则实时处理并展示这些数据块,从而提升用户体验和实时性。文章详细讲解了如何使用`fetch`发起流式请求、处理响应流数据、逐步更新界面、处理中断和错误,以及优化用户交互。流式调用特别适用于聊天机器人、搜索建议等应用场景,能够显著减少用户的等待时间,增强交互性。
565 2
|
1月前
|
机器学习/深度学习 自然语言处理 前端开发
前端神经网络入门:Brain.js - 详细介绍和对比不同的实现 - CNN、RNN、DNN、FFNN -无需准备环境打开浏览器即可测试运行-支持WebGPU加速
本文介绍了如何使用 JavaScript 神经网络库 **Brain.js** 实现不同类型的神经网络,包括前馈神经网络(FFNN)、深度神经网络(DNN)和循环神经网络(RNN)。通过简单的示例和代码,帮助前端开发者快速入门并理解神经网络的基本概念。文章还对比了各类神经网络的特点和适用场景,并简要介绍了卷积神经网络(CNN)的替代方案。
114 1
|
1月前
|
移动开发 前端开发 JavaScript
前端实训,刚入门,我用原生技术(H5、C3、JS、JQ)手写【网易游戏】页面特效
于辰在大学期间带领团队参考网易游戏官网的部分游戏页面,开发了一系列前端实训作品。项目包括首页、2021校园招聘页面和明日之后游戏页面,涉及多种特效实现,如动态图片切换和人物聚合效果。作品源码已上传至CSDN,视频效果可在CSDN预览。
41 0
前端实训,刚入门,我用原生技术(H5、C3、JS、JQ)手写【网易游戏】页面特效
|
1月前
|
监控 前端开发 JavaScript
React 静态网站生成工具 Next.js 入门指南
【10月更文挑战第20天】Next.js 是一个基于 React 的服务器端渲染框架,由 Vercel 开发。本文从基础概念出发,逐步探讨 Next.js 的常见问题、易错点及解决方法,并通过具体代码示例进行说明,帮助开发者快速构建高性能的 Web 应用。
87 10
|
1月前
|
数据采集 存储 JavaScript
如何使用Puppeteer和Node.js爬取大学招生数据:入门指南
本文介绍了如何使用Puppeteer和Node.js爬取大学招生数据,并通过代理IP提升爬取的稳定性和效率。Puppeteer作为一个强大的Node.js库,能够模拟真实浏览器访问,支持JavaScript渲染,适合复杂的爬取任务。文章详细讲解了安装Puppeteer、配置代理IP、实现爬虫代码的步骤,并提供了代码示例。此外,还给出了注意事项和优化建议,帮助读者高效地抓取和分析招生数据。
如何使用Puppeteer和Node.js爬取大学招生数据:入门指南
|
3月前
|
JavaScript 前端开发 小程序
一小时入门Vue.js前端开发
本文是作者关于Vue.js前端开发的快速入门教程,包括结果展示、参考链接、注意事项以及常见问题的解决方法。文章提供了Vue.js的基础使用介绍,如何安装和使用cnpm,以及如何解决命令行中遇到的一些常见问题。
一小时入门Vue.js前端开发
|
2月前
|
存储 JavaScript 前端开发
前端开发:Vue.js入门与实战
【10月更文挑战第9天】前端开发:Vue.js入门与实战
|
2月前
|
自然语言处理 JavaScript 前端开发
JavaScript高级——ES6基础入门
JavaScript高级——ES6基础入门
32 1
|
2月前
|
机器学习/深度学习 自然语言处理 前端开发
前端大模型入门:Transformer.js 和 Xenova-引领浏览器端的机器学习变革
除了调用API接口使用Transformer技术,你是否想过在浏览器中运行大模型?Xenova团队推出的Transformer.js,基于JavaScript,让开发者能在浏览器中本地加载和执行预训练模型,无需依赖服务器。该库利用WebAssembly和WebGPU技术,大幅提升性能,尤其适合隐私保护、离线应用和低延迟交互场景。无论是NLP任务还是实时文本生成,Transformer.js都提供了强大支持,成为构建浏览器AI应用的核心工具。
599 1
|
2月前
|
Web App开发 JSON JavaScript
深入浅出:Node.js后端开发入门与实践
【10月更文挑战第4天】在这个数字信息爆炸的时代,了解如何构建一个高效、稳定的后端系统对于开发者来说至关重要。本文将引导你步入Node.js的世界,通过浅显易懂的语言和逐步深入的内容组织,让你不仅理解Node.js的基本概念,还能掌握如何使用它来构建一个简单的后端服务。从安装Node.js到实现一个“Hello World”程序,再到处理HTTP请求,文章将带你一步步走进Node.js的大门。无论你是初学者还是有一定经验的开发者,这篇文章都将为你打开一扇通往后端开发新世界的大门。
下一篇
DataWorks