精华内容
下载资源
问答
  • javascript内嵌外链式基本应用

    万次阅读 2018-04-10 15:55:05
    js语言可以完全放在html语言中但视情况而定可以分为内嵌以及外链式js代码较少,可以直接使用内嵌 通过<script></script>标签以及相关属性引入javascript<!DOCTYPE ...

    js语言可以完全放在html语言中

    但视情况而定可以分为内嵌式以及外链式

    当js代码较少,可以直接使用内嵌式  通过<script></script>标签以及相关属性引入javascript

    <!DOCTYPE html>
    <html>
    <script>
    document.write("<h1>This is a heading</h1>");
    document.write("<p>This is a paragraph.</p>");
    </script>
    <body>
    
    </body>
    </html>

    但是在大型工程以及javascript代码较多时就需要使用外链式了

    使用外链式时需要先新建一个.js文件

    <!DOCTYPE html>
    <html>
    <script type="text/javascript" src="1245.js">
    </script>
    <body>
    
    </body>
    </html>

    将需要编写的javascript代码放在1245.js的文件中

    展开全文
  • 添加CSS的方式有行内、嵌入式、外链式、导入 a)动态引入样式表文件: 代码如下: function loadLink(url){ var link = document.createElement(“link”); link.type = “text/css”; link.rel = “stylesheet”;...
  • -----------------内嵌---------------- hello.html文件: <!DOCTYPE html> <html lang="en"> <head>...内嵌<...script type="text/javascript">//javascript引入方式:嵌

    -----------------内嵌式----------------
    hello.html文件:

    <!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>内嵌式</title>
    	
    </head>
    <body>
    	<script type="text/javascript">//javascript引入方式:嵌入式
    		alert("hello");//输出语句
    	</script>
    	<script>
    		console.log(3 + 4);//控制台输出,并不在页面显示
    		console.log(3 == 4);
    	</script>
    </body>
    </html>
    

    --------------------------------外链式---------------------------------------
    hello1.html文件:

    <!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>外链式</title>
    </head>
    <body>
    	<script src='test.js'></script>
    </body>
    </html>
    

    test.js文件:

    document.write("外链式test");//注意:该输入方式会清空页面内容(?)
    

    -----------------------------------行内式-----------------------

    <!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>行内式</title>
    </head>
    <body>
    	<a href="javascript:alert('行内式test');">test</a>
    </body>
    </html>
    
    展开全文
  • JavaScript 基础讲解

    2020-12-29 20:29:52
    文章目录书写方式输出语法变量数据类型number 类型...通过script标签的src属性,引入外部的js文件。 3.常见错误写法: <script src="js/demo.js"> alert("看看能不能出现"); </script> 注: 不要在同

    书写方式

    1.内嵌式
    使用的是Script标签,该标签可以写在html文档中的任何位置
    【强调】一般情况下,我们应该将其写在head标签中。

    2.外链式
    通过script标签的src属性,引入外部的js文件。

    3.常见错误写法:

    <script src="js/demo.js">
            alert("看看能不能出现");
        </script>
    

    注: 不要在同一个Script标签中同时使用内嵌式与外链式。
    如果设置了src属性,Script标签中的内容就会被忽略。

    4.外链式的优点
    1.提高代码的复用性。
    2.提高网页的加载速度
    5.注释

    //单行注释  ctrl+/
    
    /*
      多行注释
            */
    

    输出

    1. alert 翻译:警报
    用途:弹出警告框。
    格式:

    alert('弹出内容');
    

    在这里插入图片描述
    2.console.log(); 在控制台输出

    console.log("春田花花幼稚园");
    

    在这里插入图片描述
    3.document.write(“输出内容”);在页面中输出

    document.write("春田花花幼稚园")
    

    在这里插入图片描述
    也可以为其加上标签:

    	document.write("<em>春田花花幼稚园</em>")
    

    在这里插入图片描述
    body中会出现相应的标签
    在这里插入图片描述

    语法

    • 语句:执行行为的语法结构和命令。
      通俗的说:语句是为了完成某个目的而进行的操作。
      语句以;结尾,一个分号就表示一个语句结束了。
      可以将多个语句写在同一行,但是每个语句独占一行可以调高代码的可读性。
    • 分号:当存在换行时,分号可以省略,但是不推荐这样做,因为若js文件被压缩,会出现错误。

    变量

    变量的定义和赋值

    1.定义(声明)。 使用var关键字来定义变量。 var 后面跟一个空格,然后是变量名。
    2.赋值。 = 等于赋值 将=右边的值赋给左边。

    变量要先定义,再使用
    1.声明变量,没有赋值,直接使用,不会报错,但是结果是undefined(未定义)。
    2.没有声明变量,直接使用,报错。

    变量声明提升,执行顺序:

    var a;
    var b;
    alert(a);
    

    标识符:
    用户自定义的名字叫做标识符。变量名是标识符。函数名也是标识符。
    1.标识符可以由任一的大小写字母,数字,下划线_和美元符($)组成,但是不能以数字开头.
    2.标识符区分大小写。强烈不建议使用同一个单词的大小写来区分两个变量。
    3.见名知意
    4.不要使用js的保留字与关键字

    关键字:js具有一些功能性的词语。
    abstract、enum、int、short、boolean、export、interface、static、byte、extends、long、super、char、final、native、synchronized、class、float、package、throws、const、goto、private 、transient、debugger、implements、protected 、volatile、double、import、public。
    保留字:目前没有特殊功能,但是js保留下来可能以后使用。
    abstract、 arguments、 boolean、 break byte、
    case、 catch、 char class*、 const、
    continue、 debugger、 default、 delete、 do、
    double、 else、 enum*、 eval、 export*、
    extends* 、false、 final 、finally、 float、
    for、 function、goto if、 implements、
    import*、 in、 instanceof、 int、 interface、
    let、 long、 native、 new、 null、
    package、 private、 protected、 public、 return、
    short、 static、 super*、 switch、 synchronized、
    this、 throw、 throws、 transient、 true、
    try、 typeof、 var、 void、 volatile、
    while、 with、 yield、
    可以将声明与赋值写在一起

    var userName = "春田花花幼稚园"; 
    //var userName;
    // userName = "春田花花幼稚园"; 
    

    一个var可以声明多个变量,变量名之间使用逗号隔开。

    var a,b,c;
     a="a";
     b="b";
     alert(b);
    

    数据类型

    八大数据类型:

    • 数值 number 整数和小数(浮点数)
    • 字符串string “字符串”
    • 布尔值boolean ture flase
    • undefined 未定义
    • null 空值
    • object 对象
    • array 数组
    • function 函数

    原始类型(简单数据类型):

    • number
    • string
    • boolean

    引用数据类型

    • object
    • array
    • function
      特殊值
    • undefined
    • null

    number 类型

    number

    • 整数和浮点数(有理数)(无限不循环小数:无理数)
    • 浮点数不是精确的值,涉及小数的计算和比较时一定要小心。
    • js内部,所有的数字都是以64位的浮点数形式存储的。

    数值范围:
    ±9007199254740991
    数值的表示方式
    科学计数法:12300 123*10的二次方 123e2
    有两种情况,js会自动将数值转换为科学计数法

    • 小数点的数字多于21位。
    • 小数点后紧跟5个以上的零。

    数值的进制
    console.log/alert中,会将其他进制的数字默认转为10进制。
    二进制 0 1
    十进制 0-9
    八进制 0-7 有前缀为0o或0O的数值。
    十六进制 0-9 a-f 前缀为0x或0X的数值
    15 * 16 + 15 * 1

    特殊数值
    NaN:not a number 这不是一个数字。主要出现在字符串转数字出错的场合。
    NaN与任何数(包括自身)的运算,得到的都是NaN。

    Infinity 表示:无穷
    **+Infinity:**无穷大
    -Infinity :无穷小。

    string类型

    字符串:
    字符串是由零个或多个排列在一起的字符,放在单引号或双引号之中。
    ‘a’
    单引号与双引号可以嵌套使用。
    如果想要在双引号中使用双引号,可以再嵌套的双引号前面加反斜杠 /
    错误写法

    var str = "1 2
              3";
    

    转义:
    一些特殊字符需要转义才能在js中使用。
    转义字符为:

      \\ n 表示换行
      \\ 表示
      \\ 制表符
      \x   (ASCII)
    
    

    操作字符串:
    str.length 长度

    var str = 'helloworld'
    console.log(str.length);
    

    在这里插入图片描述
    str[下标] 获取单个字符。

    var str = 'helloworld'
        console.log(str[4]);
    

    在这里插入图片描述

    str.toUpperCase() 将英文字符专为大写。

    var str = 'helloworld'
        console.log(str.toUpperCase());
    

    在这里插入图片描述

    toLowerCase()将英文字符专为小写。

    var str = 'HELLOWORLD'
        console.log(str.toLowerCase());
    

    在这里插入图片描述

    indexOf:(“参数”)返回字符串中指定字符的位置(下标)。

    var str = 'HELLOWORLD'
        console.log(str.indexOf('W'));
    

    在这里插入图片描述

    substring():返回指定区域的字符串

    var str = 'HELLOWORLD'
        console.log(str.substring(5));
    

    在这里插入图片描述

    其他类型

    特殊值:

    • null 空值
    • undefined 未定义 只声明未赋值时。

    布尔值:

    • true false
    • 只要用于流程控制语句。

    类型检测: typeof

    类型转换。

    强制类型转换

    1. Number()数值转换:

    各个属性转换结果为

    console.log( Number(true))
    console.log( Number(false))
    console.log( Number(null))
    console.log( Number(undefined))
    console.log( Number("aaa"))
    console.log( Number("123"))
    

    转换结果
    在这里插入图片描述
    注:可以解析的,转换成相应的数值;不能解析的,返回值为NaN;"" 返回值是0。

    字符串专用的有:

    parseInt();
    //有小数点的话会舍去小数点后方的数字进行取整。
    //如果内部有数字和其他值混搭的话,如果数字在前,就会将第一个字母前面的数字解析出来;
    //如果内部第一个不为数值,解析值则为NaN;
    

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    parseFloat();
    //可以全部显示小数点
    
    

    在这里插入图片描述
    String() 将任意类型的值专为字符串

    console.log(typeof String("123"));
    console.log(typeof String("aaa"));
    console.log(typeof String("ture"));
    console.log(typeof String("false"));
    console.log(typeof String("null"));
    console.log(typeof String("undefined"));
    

    在这里插入图片描述
    Boolean类型转换
    数值:非0即真。
    字符串:’'为false,其他都为true
    下面这五个值会转为false,其余都为true。

    • 0
    • null
    • undefined
    • “”
    • NaN

    自动转换
    其他数据类型转字符串
    任何类型的数据和字符串类型的数据做相加操作 (+)
    + 并不是算数运算,而是字符串拼接。
    此时其他的数据类型会自动转为字符串

    var sun;
    sun = 3 + "9";
    console.log(sun);
    console.log(typeof sun);
    

    在这里插入图片描述

    其他类型转数字
    除了字符串与数字做相加运算外,其他会自动转数字进行运算。
    NaN undefined 运算结果为NaN
    NaN与任何类型做运算都为NaN ,包括它自身。

    var sun;
    sun = 3 * "9";
    console.log(sun);
    console.log(typeof sun);
    

    在这里插入图片描述

    其他数据转布尔
    下面这五个值会转为false,其余都为true

    • 0
    • null
    • undefined
    • “”
    • NaN

    用户输入

    prompt()
    prompt(title,[default])
    title 是给用户显示的文本。

    [default] 中括号表示参数是可选的, default 默认值

    var  name =  prompt('请输入您的名字','张三');
    

    在这里插入图片描述
    confirm(问题)
    点击确定返回 true 点击取消 返回false

    var  name =  prompt('请输入您的名字','张三');
         var  verification = confirm('您的名字叫做:' + name) 
    

    在这里插入图片描述
    在这里插入图片描述

    展开全文
  • JavaScript的三种引入(使用)方式

    千次阅读 2019-12-02 10:32:40
    1)外链式js代码只要引入了html页面,就会在页面打开的时候直接触发 2)新建一个.js后缀的文件,在文件内泻js代码,把写好的js文件引入html页面 如下:分别在head、body、html内引入同级目录下的 index.js、ceshi.js、...

    1.行内式(不推荐使用)在这里插入图片描述

    2. 内嵌式jS代码

    在这里插入图片描述

    3. 外链式JS代码(推荐)

    1)外链式js代码只要引入了html页面,就会在页面打开的时候直接触发
    2)新建一个.js后缀的文件,在文件内泻js代码,把写好的js文件引入html页面
    如下:分别在head、body、html内引入同级目录下的 index.js、ceshi.js、test.js三个文件——由于通常弓|擎是按着从上往下的顺序来解析网页代码的。所以它们输出的顺序是:第一、第二、第三。
    在这里插入图片描述

    在这里插入图片描述

    在这里插入图片描述
    在这里插入图片描述

    展开全文
  • 外链式引入位置问题

    2019-09-24 01:08:59
    外链式引入位置问题 为什么把CSS的<link>标签放在<head></head>之间? 把<link>标签放在<head></dead>之间是规范要求的内容。此外,这种做法可以让页面逐步呈现,提高用户...
  • 3) 外链式:写在独立的js文件内,在html文件中使用script标签的src属性引入,页面打开自动执行。(推荐使用,因为有各种优化方法) 注:行内真的很少用,几乎不用。内嵌和外链不能共用一个script标签。外链的...
  • JavaScript-测试题-1

    千次阅读 2020-12-01 16:47:01
    ~本特利~ 入门知识 一、填空题 1.window.document.body可以简写为___document.body___。 2.console.log(alert(‘Hello’))在控制台的输出结果是___...1.JavaScript是Java语言的脚本形式。( 错 ) 2.JavaScri
  • 从外部引入js文件

    2021-04-23 15:07:53
    一、在<head>标签中插入js文件路径 <head> // script 标签内src=“文件路径” ... //javascript代码内容写在大括号内 document.getElementById("demo").innerHTML = "HELLO."; } 二、在&l
  • uniapp引入外链

    2021-10-13 10:55:03
    <template> <view class="content">...测试引入组态页面</text> <!-- 使用iframe,会出现布局错乱,然后需要手动去适配app在不同设备上的样式问题 --> <!-- <
  • javascript基础

    2016-09-04 17:38:15
    (一).基本介绍 1、什么是JavaScriptJavaScript是基于浏览器,基于(面向)...基于(面向)对象:js中一切都可以看做对象。 对象是由属性和方法组成  属性和方法的区别:属性不带小括号,方法带小括号  
  • js怎么引用,javascript的属性;
  • js三种引入方式

    2020-07-16 07:23:12
    引入js的三种方式</title> </head> <body> <!-- 将js引入到页面的几种方式 1.行内引入(不推荐),安全性能低 2.内嵌 3.外链式 --> <div id="box1" style="width:100px;height
  • 一、页面是由三部分组成 ...  2)css样式(层叠样式表)  3)javascript脚本编程语言(动态脚本语言) 二、将css引入到页面中的几种方法 (4种) ... 3)外链样式:把样式文件写在一个外部的文件中,然...
  • 外部引入js不生效的问题

    千次阅读 多人点赞 2019-03-02 19:53:34
    浏览器渲染默认是从上往下顺序进行的,因此第二种外链式引入,先将JS渲染,然后渲染HTML,因此不起作用,由此,可以推知,将JS在HTML后引入可以解决,或者在JS中写上window.onload=function(){}将JS代码放在里面就...
  • 请问如何在外链js文件中使用jquery jquery库应该在哪链接?
  • 使用JS代码解决外链问题

    千次阅读 2017-02-28 21:37:06
    在网页中写入下列代码,引入JS。 <script type="text/javascript" src="js/jquery-1.8.3.min.js"> <script type="text/javascript" src="js/wiki.js"> 建立JS目录,将jquery-1.8.3.mins.js库和wiki.js拷入。 $...
  • vue全局导入外链js

    2021-03-19 13:43:49
    在index.html中引入js,vue单文件中使用会造成报找不到方法的warning,只需要配置外链引入就可以了 在vue.config.js中配置 configureWebpack: { externals: { 'AMap': 'AMap' // index.html 中引入的js } } ...
  • 安装脚手架 npm i -g create-react-app 或 yarn global add create-react-app 创建项目 create-react-app user ...引入react-dome 支持react操作dom 引入babel 将jsx转换为js react 依赖包本地引入 点击跳转页面下载
  • JS的简单认识

    2019-06-12 17:24:30
    JS的简单认识JS引入方式JS简单使用 JS引入方式 JS简单使用
  • 在做Web编程的时候,要引入外部的javascript文件。如下: &lt;script type="text/javascript" src="message.js"&gt;&lt;/script&gt; 对此,我们需要注意几个问题: 1、可以...
  • 第一种操作 Dom引入js: export default { mounted() { const s = document.createElement('script'); s.type = 'text/javascript'; s.src = '你的需要的js文件地址'; document.body.appendChild(s); }, } ...
  • 下面小编就为大家带来一篇在html中引入外部js文件,并调用带参函数的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • 外链引入 我们也不上传npm上,直接使用外链的形式使用,下面我们来看看 import引入 }, components: { TagEl }, } 上面example中,我们看到直接引入了index.js www.wtmkf.com文件并进行注册组件,直接就可以使用啦。...
  • react 项目中引入外链js文件404 在index.html中,通过引入base64.js文件,报404 原因:我将base64.js的文件放在了src目录下 解决办法:将base64.js的文件public 目录下,更改一下引入路径就ok了 ...
  • JavaScript详细介绍

    2020-08-06 20:30:27
    虽然它是作为开发Web页面的脚本语言而出名的,但是它也被用到了很多非浏览器环境中,JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令和声明(如函数编程)风格。 [1] javaScript的...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 9,950
精华内容 3,980
关键字:

外链式引入js