thinkphp templates to import CSS and JS file method _php Instance

Source: Internet
Author: User
Tags php template smarty template

The example in this article describes the method of importing CSS and JS files in the thinkphp template. Share to everyone for your reference. The specific methods are as follows:

Common methods

1. CSS Use link

2. js using src

Import tags with TP's own imports

Import the Test.js file in the JS directory under the public folder, the import tag can omit the type attribute, and the default is JS file

Copy Code code as follows:
<import type= ' js ' file= ' js.test ' >

<import type= ' css ' file= ' css.test ' >

Not public:

Copy Code code as follows:
<import type= ' css ' file= ' css.test ' basepath= './other '/>

Not in the path behind other

Using the load tag

Load tag, very simple, automatic detection

Copy Code code as follows:
<load href= ' __public__/css/test.css '/>

<load href= ' __public__/js/test.js '/>

More interested in thinkphp related content readers can view the site topics: "thinkphp Introductory Course", "thinkphp Template Operation Skills Summary", "thinkphp Common Methods Summary", "Smarty Template Introductory Course" and "PHP template technology Summary."

I hope this article will help you with the PHP program design based on thinkphp framework.

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.