dedecms直接写在文章模板的css和js调用不到？

我们在HTML中经常需要引入CSS和JS文件，那么如何引入呢？下面我给大家演示一下。

工具/材料

Sublime Text

01

首先新建一个文件夹，在文件夹下面建立如下图所示的文件

02

接下来用Sublime Text打开HTML文件，写入HTML结构，如下图所示

03

然后我们在Head标签内用link标签引入CSS文件，如下图所示

04

最后用Script标签引入JS文件即可，如下图所示

一般都是直接在主题的headerphp文件中直接引用，部分主题也会在主题的functionsphp文件中通过WP自带的函数wp_enqueue_scripts来加载JS文件。

1、在主题headerphp文件中直接引入文件，如

<script type='text/javascript' src='http://wwwjquerycom/js/jquery/1102/jquery-1102minjs'></script>

或者

<script src="<php echo get_template_directory_uri(); >/js/jquery/1102/jquery-1102minjs"></script>

2、在主题的functionsphp文件中引入文件，如

function my_enqueue_scripts() {

if( !is_admin ) { // 前台加载的脚本与样式表

// 去除已注册的 jquery 脚本

wp_deregister_script( 'jquery' );

// 注册 jquery 脚本

wp_register_script( 'jquery', get_template_directory_uri()  '/js/jquery/1102/jquery-1102minjs', false, '10', false );

// 提交加载 jquery 脚本

wp_enqueue_script( 'jquery' );

 } 

} 

// 添加回调函数到 init 动作上

add_action( 'init', 'my_enqueue_scripts' );

看了一下，你的那个路径不要这样写！！你直接去看源代码，再通过“域名”+你源代码的路径去访问这些静态资源，你就会发现打开的资源是404了。原因是因为你这些的资源路径不对导致的。

我建议你最好看下官方dedecms里面对这个路径的修改，最好用里面的方法自动匹配资源。