首页 > 编程语言 >前端之JavaScript(Js)基础

前端之JavaScript(Js)基础

时间:2022-12-04 18:24:04浏览次数:35  
标签:body 前端 JavaScript Js 字符串 str var

JavaScript,简称Js

HTML三把利剑之一,浏览器可解析Js,看着和Java像,实则和Java并无关系,和Python、Go、C++等都是一门独立的语言。

一、Js基础

  • 引入JavaScript代码,类似于Python中import

(1)JavaScript即Js,可放在head中

<head>
    <meta charset="UTF-8">
    <title>学无止境</title>
    <meta name="apple-mobile-web-app-title" content="标题"/>
    <script src="js/demo.js"></script>

</head>

(2)Js,可放在body中(建议放在body)

<body>
 
 <script src="js/demo.js"></script>

</body>

 head中引入JS与body中引入JS区别呢?

因HTML解析时,是自上而下依次解析,Js在head中,就会优先解析,若Js中文件过大,或是网络速度慢,将会容易导致页面出现空白,所以我们放在body的最下边最为合适,这样会优先加载以上其他的内容,最后在加载Js.

写在最下面要有底线,需要写在body内部的最底下,而不可以是body之外

 注意:

#错误示范
 <script src="js/demo.js">
     function f() {
         
     }
 </script>


#正确写法
 <script>
     function f() {
         
     }
 </script>

 当我们的<script src="js/demo.js"></script>标签已经是导入,就不要继续在标签中写函数了,因为写多少函数也是不生效的,并且导入的文件也不会生效;如果要写重新创建一个script标签在写。

 二、注释

 单行注释通过 //  多行通过 /* */,使用Pycharm:Ctrl+?,不需要关注这个注释

三、JS变量

(1)局部变量、全局变量

es5

var demo = '123'  // 局部变量
demo = '456'   // 全局变量

 

(2)常量

es6

const a = 1  //定义常量,定义后不可被修改,如修改则会报错

 (3)let

let demo='abc'

 let 与 var 有什么区别?

var声明变量后,JavaScript会提前进行“预解析”,赋值成为:undefind

let声明变量后,不会被JavaScript进行“预解析”

 

 

console.log(name) 相当于Python中的“print”

使用时,建议使用var,进行预解析后,我们在执行Js代码时,会忽略一些错误

四、字符串

(1)定义字符串

var str = '你开心就好'

 

(2)字符串拼接

var str='你开心就好'
var name='baibai'
var name_str=name+str
name_str

 

 

 

 (3)字符串操作

str.charAt(0)//根据角标获取字符串中的某一个字符  char字符
str.substring(1,3) //根据角标获取 字符串子序列 顾头不顾尾(大于等于x 小于y )
str.length //获取字符串长度
str.concat('五月天') //拼接字符串,默认放在字符串末尾
str.indexOf('五月') //获取子序列的位置
str.slice(0,1) //切片 开始,结束 顾头不顾尾
str.toLowerCase() //变为小写
str.toUpperCase() //变为大写

str.split(',') //以指定的字符串进行分割,返回数组,参数2为取分割后数组的前多少个元素

 

展示:

 

 

 


 

标签:body,前端,JavaScript,Js,字符串,str,var
From: https://www.cnblogs.com/brf-test/p/16948792.html

相关文章