javascrip的入门基础1

     2022-03-19     244

关键词:

1.1 JS的插入

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

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

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

<scripttype="text/javascript">

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

</script>

1.2 引用外部JS文件

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

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

1.3 JS在文件中的位置

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

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

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

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

1.4   注释

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

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

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

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

    </script>

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

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

     doument.write("");

     /*

     多行注释

     养成好习惯

     */

    </script>

1.5变量

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

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

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

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

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

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

变量要先声明再赋值,如:var mychar;

                        mychar="javascript";

                        var mynum=6;

可以重复赋值,如:var mychar;

                  mychar="javascript";

                  mychar="hello";


web前端---javascrip基础

avaScrip基础JavaScrip简介第一个JavaScrip代码数据类型运算符数据类型转换流程控制常用内置对象一、JavaScrip简介1.JavaScrip历史背景介绍    布兰登?艾奇(BrendanEich,1961年~),1995年在网景公司,发明的JavaScript。  一开始JavaS... 查看详情

javascrip基础以及一个计算器的小案例

1.js的概述js是一种脚本语言js是可插入html页面的编程代码js插入html页面后,可由所有的浏览器执2.js的基本语法与java一样,变量,函数名,运算符以及其他一切东西都是区分大小写的js是弱类型的语言,与java不同    java:inti=3;Strings=... 查看详情

javascrip基础以及一个计算器的小案例

1.js的概述js是一种脚本语言js是可插入html页面的编程代码js插入html页面后,可由所有的浏览器执2.js的基本语法与java一样,变量,函数名,运算符以及其他一切东西都是区分大小写的js是弱类型的语言,与java不同    java:inti=3;Strings=... 查看详情

javaweb(黑马程序员:html部分)

...入门1、什么是CSS?2、CSS的导入方式3、CSS选择器三、JavaScript介绍&快速入门1、什么是JavaScript?2、JavaScrip 查看详情

java入门笔记1——基础概念和基础语法

参考书:《Java语言程序设计与数据结构(基础篇)》——梁勇文章目录​​一、基础概念​​​​1.Java语言规范、JDK、JRE、JVM、IDE​​​​2.Java的加载与执行​​​​3.java中的源文件名、类名和main方法​​​​4.关于packet​​... 查看详情

css基础入门

目录CSS基础入门一、CSS介绍和引用1、CSS概述2、CSS的基础语法3、CSS引入方法:二、CSS背景样式1、设置背景色2、设置背景图像3、背景定位4、背景关联5、通过background属性一次将背景三、CSS文本样式1、常用的文本样式四、CSS选择... 查看详情

css基础入门

目录CSS基础入门一、CSS介绍和引用1、CSS概述2、CSS的基础语法3、CSS引入方法:二、CSS背景样式1、设置背景色2、设置背景图像3、背景定位4、背景关联5、通过background属性一次将背景三、CSS文本样式1、常用的文本样式四、CSS选择... 查看详情

javaweb(黑马程序员:html部分)

...入门1、什么是CSS?2、CSS的导入方式3、CSS选择器三、JavaScript介绍&快速入门1、什么是JavaScript?2、JavaScript引入方式3、JavaScript基础语法3.1书写语法3.2输出语句3.3变量3.4数据类型3.5运算符3.6流程控制语句3.7函数4、JavaScrip... 查看详情

springsecurity入门基础(代码片段)

SpringSecurity入门基础文章目录SpringSecurity入门基础一,SpringSecurity的使用1.1基本术语1.2基本使用1.2.1引入依赖1.2.2配置文件1.2.3测试接口1.3过滤器链的15个过滤器1.4自定义用户认证WebSecurityConfigurerAdapter1.4.1configure(HttpSecurityhttp)1.4.2... 查看详情

jquery基础1-----入门

1.让jQuery放弃对$符号的使用  出了jquery之外,仍有一些javascript库也使用了$符号,可以使用jQuery.noConflict();方法让jQuery放弃对$符号的使用  也可自定义jQuery的简写符号:  varjq= jQuery.noConflict();  jq(document).ready(function()... 查看详情

javascript入门要了解的知识和书籍

javascript入门要了解的知识和书籍想要进入IT行业,领取高额的薪资,这可是不容易的,首先需要自己掌握相关的专业知识,并且能够通过相应的考核。对于很多想要从事相关行业的人员来说,可能最好的方式就是先学习一些基本... 查看详情

java基础之入门

写写基础,顺便回顾下,再深层次思考下哪些深入的没弄明白。Java是SunMicrosystems于1995年推出的高级编程语言 其版本由 1.1->1.2->1.3->1.4->1.5(Java5)->Java6->Java7->Java8 演变来的(仅谈到1.8)  Java的特点... 查看详情

kotlin快速入门基础

Kotlin快速入门(一)基础Kotlin学习笔记,主要记录与Java不同的地方。1基本类型1.1数字1)数字没有隐式扩宽转换valb:Byte=1//OK,字面值是静态检测的vali:Int=b//错误但我们可以显示转换vali:Int=b.toInt()上下文推断转换类型是可以的vall=1L+... 查看详情

elasticsearch入门+基础概念学习

原文地址:https://www.cnblogs.com/shoufeng/p/9887327.html目录1Elasticsearch概述1.1Elasticsearch是什么1.2Elasticsearch的优点1.3Elasticsearch的相关产品1.4Elasticsearch的使用场景2Elasticsearch的功能概述2.1分布式的搜索引擎和数据分析引擎2.2全文检索结构... 查看详情

1.matlab基础准备及入门(代码片段)

1.1  CommandWindow(命令行窗口)运用入门  1  计算器的用法       2  数值变量与表达式   3.  计算结果的图形表示  代码及注释function[output_args]=Untitled2(input_args)%UNTITLED2此处显示有关此函数的摘要... 查看详情

mybatis入门基础----输入映射和输出映射

阅读目录一:输入映射 二:输出映射回到顶部一:输入映射   通过parameterType指定输入参数的类型,类型可以是简单类型、hashmap、pojo的包装类型。1.1.传递pojo的包装对象 1.1.1.需求描述    完成用户信息的综合查询,需要... 查看详情

《c#零基础入门之百识百例》输入输出--模拟登陆

C#零基础入门基础语法--输入输出前言一,知识点:输入输出1.1输入方法1.1.1Read方法1.1.2ReadLine方法1.1.3ReadKey方法1.2输出方法1.2.1Write方法1.2.2WriteLine方法二,实例练习--模拟登陆2.1题目描述2.2问题分析2.3参考代码前言本文属于C#零基... 查看详情

r语言入门基础语法

1.help可以提供帮助,如help(nchar),help("[["),或者用?nchar也能获取帮助。example(nchar)可以获取到某个主题的使用方法。2.nchar获取字符串的长度,nchar(x)返回x中每个字符串的长度,length获取向量的长度,区别如下:>nchar("hello")[1]5>... 查看详情