1》引入js

我们只是写了简单必须的html标签，从未给标签添加点击事件，这次页面添加事件.

》写入html页面，可以在<head>标签内  也可以在<body>标签内

 <!DOCTYPE html>

 <html>

     <head>

     <title>小娜娜</title>

     <script type="text/javascript">

         document.write("<h1>Hello World!</h1>")

     </script>

     </head>

 <body>

     <script type="text/javascript">

         document.write("<h1>Hello World!</h1>")

     </script>

     <div>

         这是main内容

     </div>

 </body>

 </html>

》写在js文件内

你想啊，当js逻辑过多的时候  html中js代码过多，页面杂乱不说，维护修改起来特别不方便，于是 聪明的人类把 js代码与html代码分离出来了，

把代码写入以.js文件结尾的文件内，html页面引入外部js文件即可

 <!DOCTYPE html>

 <html>

     <head>

     <title>小娜娜</title>

     <script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>    //引入外部js文件

     </head>

 <body>

     <div>

         这是main内容

     </div>

 </body>

 </html>

2》引入css样式【同上js】

不同之处在于，各自所用的标签不一样   css=》</style>标签   js=》<script>标签

 <html>

 <head>

     <style type="text/css">

         h1 {color: red}

         p {color: blue}

     </style>

 </head>

 <body>

     <h1>header 1</h1>

     <p>A paragraph.</p>

 </body>

 </html>

外部css文件，以.css结尾文件

 <html>

 <head>

     <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">

 </head>

 <body>

     ......

 </body>

 </html>

ok

【html】【2】html引入外部文件js css的更多相关文章

  1. 【jsp】怎么在jsp文件中引入静态文件(.js .css)

    如果在jsp文件中引入静态文件比如(.js或.css等等),可以在使用 /项目名称/路径 的方式,但是这种方式如果在修改了项目了名称后就显得比较麻烦了.除了之外还许多方式,比如相对路径等等.一般情况下 ...

  2. Vue项目中引入外部文件（css、js、less）

    例子中css文件采用bootstrap.css,js文件采用jQuery,less文件用less.less(自定义文件) 步骤一:安装webpack cnpm install webpack -g 步 ...

  3. vue3+typescript引入外部文件

    vue3+typescript中引入外部文件有几种方法 (eg:引入echarts) 第一种方法: 1 indext.html中用script引入 <div id="app" ...

  4. 引入外部文件的时候为什么省略http:

    [摘要]相信很多时候大家在使用网上的实例代码的时候,需要引入外部文件,然而它们通常都是省略了http:,这是为什么呢? 先给大家看一个简单的小例子,引入外部jquery文件: <script s ...

  5. nginx 引入外部文件

    http { include mime.types; default_type application/octet-stream; #log_format main '$remote_addr - $ ...

  6. postman通过引入外部文件实现参数化

    postman可通过引入外部文件进行参数化 目录 1.准备好接口信息 2.设置 1.准备好接口信息 这里的usr和psw是要参数化的对象 2.设置 文件准备 添加文件,并设置好循环次数即可

  7. js 引入外部文件之 script 标签

    在我的理解看来,html 就是一个单纯的管显示问题,js就是单纯的管动作问题,css就是单纯的管布局问题,这三个构成了一个网页 在HTML中,经常会用到引入js 文件. 引入js的方法很简单: 1. ...

  8. react如何引入外部文件的整理

    1 引入组件 首先就应该是安装了,安装在环境中后通过 import { Select, Button, Icon, QueueAnim } from 'antd'; 就可以把需要的组件引用进来了~ 2 ...

  9. HTML引入外部文件，解决统一管理导航栏问题。

    1.IFrame引入,看看下面的代码     <IFRAME NAME="content_frame" width=100% height=30 marginwidth=0 ...

随机推荐

  1. CF -- 414A

    #include<iostream> #include<cstdio> #include<cstring> using namespace std; int mai ...

  2. win7下安装load generator

    win7下只安装loadrunner load generator 1.点击setup.exe 2.选择“loadrunner 完整安装程序”   3.安装完成所需要的插件,然后重启 4.重新打开安装 ...

  3. SQL语句 DML,DDL,DCL(转载)

    数据控制语言(DCL)是用来设置或者更改数据库用户或角色权限的语句,这些语句包括GRANT.DENY.REVOKE等语句,在默认状态下,只有 sysadmin.dbcreator.db_owner或d ...

  4. python进度1

    Python 错误和异常 异常参数: 3.4与2.7有些不同 3.4中 try: x except NameError as e: print(type(e)) print(e) 运行结果: < ...

  5. MVC 依赖注入/控制反转

    http://www.cnblogs.com/cnmaxu/archive/2010/10/12/1848735.html http://www.cnblogs.com/artech/archive/ ...

  6. Opencl API解释（一）

    首先注明:我用的AMD的opencl,它有很多sample代码,结合代码来解释这些API Opencl 常用的API 汇总总结: 信息查询函数 1. cl_int clGetDeviceInfo(cl ...

  7. HW4.31

    import java.util.Scanner; public class Solution { public static void main(String[] args) { Scanner i ...

  8. Why do we need smart pointer and how to implement it.

    Here are two simple questions. Problem A #include <string> include <iostream> using name ...

  9. JVM 的 工作原理，层次结构 以及 GC工作原理

    JVM Java 虚拟机 Java 虚拟机(Java virtual machine,JVM)是运行 Java 程序必不可少的机制.JVM实现了Java语言最重要的特征:即平台无关性.原理:编译后的 ...

  10. java.util.concurrent 包笔记 --- BlockingQueue

    BlockingQueue 队列接口,具有 4 组不同的方法用于插入.移除以及对队列中的元素进行检查.如果请求的操作不能得到立即执行的话,每个方法的表现也不同.这些方法如下:   Throws exc ...