cssjs文件的引入,在js中引入css文件

本文目錄一覽：

• 1、如何在css中 加入js呢
• 2、怎麼在頁面里引入bootstrap的css和js文件
• 3、用js文件怎麼引入其他js文件和css文件
• 4、tp5怎麼引入css，js文件
• 5、HTML中引入css和js的方法

如何在css中 加入js呢

css是樣式表，js是事件效果，這兩個根本就不是一個東西，style是添加樣式的，script是添加js的，只能說你的想法很奇葩，那樣實現不了。js裡面可以添加css，但是反過來的我還沒見過，貌似看到過在css裡面引入js文件的，但是直接寫代碼的是沒有。

怎麼在頁面里引入bootstrap的css和js文件

在頁面里引入bootstrap的css和js文件有下面兩種方法

方法一：

首先得把boostrap下下來；

link type=”text/css” rel=”stylesheet” href=”boostrap.min.css”這個是引入css文件

script type=”text/javascript” scr=”boostrap.min.js”這個是引入js文件

方法二：

link rel=”stylesheet” href=”//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css”CDN引入（css）

script src=”//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js”/script

CDN引入（js）

注意：引用之前要先引用jquery才可以用它的js文件

用js文件怎麼引入其他js文件和css文件

方法一，在調用文件的頂部加入下例代碼：

document.write(」script language=javascript src=』/js/import.js』/script」);

(註：有時你引用的文件還可能需要引用其他的js,我們需要將需要的那個js文件也以同樣的方法引用進來)

方法二,通過中間界面對js進行應用

就是我們可以在某個html中引用了你需要的js文件，我們可以通過拿到那個html文件的對象，然後在通過這個對象去引用js的方法。

（一般不常用）

方法三：在將下邊代碼放入Body中：

new_element=document.createElement(」script」);

new_element.setAttribute(」type」,」text/javascript」);

new_element.setAttribute(」src」,」import.js」);

document.body.appendChild(new_element);

我們來分析一下關鍵的幾句代碼：

首先，我們利用document.createElement(」script」)生成了一個script的標籤，設置其 type屬性為text/javascript，src為import.js(這裡的1.js同2.js放在同一個目錄，也可放在不同的目錄)。最後將這個標籤動態 地加入body中。如此一來，我們就可以調用到不同js文件中的方法了。

注意：script language=」JAVASCRIPT」 src=』1.js』/script一定要放在body下面。

因為在2.js中用到了body（document.body.appendChild(new_element);）

如果將引如2.js的代碼放在body上面，也就是說，

進入頁面後，還沒有生成body就已經執行b.js里的document.body.appendChild(new_element);了。

這時body不存在就會拋JavaScript錯誤。

tp5怎麼引入css，js文件

ThinkPHP模版中導入CSS和JS文件的方法

常用方法

1. css使用link

2. js使用src

用tp自己的導入標籤import

導入Public文件夾下面的Js目錄中的test.js文件，import標籤可以省略type屬性,默認就是js的文件

複製代碼代碼如下:

import type=’js’ file=’Js.test’

import type=’css’ file=’Css.test’

不在Public:

複製代碼代碼如下:

import type=’css’ file=’Css.test’ basepath=’./Other’/

Other後面不加路徑中的/

使用load標籤

load標籤,非常簡單,自動檢測

複製代碼代碼如下:

load href=’__PUBLIC__/Css/test.css’ /

load href=’__PUBLIC__/Js/test.js’ /

ThinkPHP快速入門實例教程之數據分頁

數據分頁可能是web編程里最常用到的功能之一。ThinkPHP實現分頁功能十分簡潔。只需要定義幾個參數就可以實現。並且擴展也十分方便。

下面讓我們從零開始實現ThinkPHP的分頁程序吧。

1.首先，我們得創建一個用於分頁測試的資料庫 test.sql代碼如下。

2.接著，我們得新建一個ThinkPHP項目。新版tp已經內置了項目自動生成目錄功能。

在htdocs(也就是你的網站根目錄)下新建一個test文件夾，把THINKPHP核心文件夾放進test根目錄，並在test根目錄新建文件index.php，加入如下代碼：

運行「」.會看到ThinkPHP的歡迎頁面。再打開你的test目錄看看，發現在根目錄下多了一個test文件夾，此時，你的項目目錄已經生成了。

打開/test/test/conf/目錄，新建「config.php」 ,配置好你的資料庫連接。

如果你想打開調試模式，請在數組中加入

(3)從form的「action=__URL__/insert」中可以看出，進行表單處理的動作是/test/index.php/index/insert,所以我們得新增insert動作來處理表單提交數據。在此之前，我們還有一件重要的事情要做，那就是新增model文件。通過model文件的建立，我們將能在insert動作中使用便捷的方法來操作資料庫了

打開/test/test/lib/model/文件夾，新建文件TestModel.class.php.打開他，輸入並保存以下代碼

(4)接下來，我們需要在IndexAction類中增加一個首頁默認顯示動作index()來調用表單數據。

我們該設置一個模板了。在/test/test/tpl/default/index/下新建index.html(因為默認對應了index()。所以程序中可以直接assign.而不用去指定模板文件。當然，這是可以配置的。)

保存他。接著輸入

恭喜你。你已經學會了如何利用thinkphp製作分頁了！

HTML中引入css和js的方法

我們在HTML中經常需要引入CSS和JS文件，那麼如何引入呢？下面我給大家演示一下。

工具/材料

Sublime Text

01

首先新建一個文件夾，在文件夾下面建立如下圖所示的文件

02

接下來用Sublime Text打開HTML文件，寫入HTML結構，如下圖所示

03

然後我們在Head標籤內用link標籤引入CSS文件，如下圖所示

04

最後用Script標籤引入JS文件即可，如下圖所示