在哪裏以及如何在PHP文件中添加JavaScript代碼和CSS代碼？

我有一個PHP文件，我把它叫做爲測試index1.php 在我現在這個代碼的文件：在哪裏以及如何在PHP文件中添加JavaScript代碼和CSS代碼？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html 
    xmlns="http://www.w3.org/1999/xhtml" 
    lang="en" 
    xml:lang="en" 
><head> 

<meta 
    http-equiv="Content-Type" 
    content="text/html; charset=utf-8" 
/> 

<meta 
    http-equiv="Content-Language" 
    content="en" 
/> 

<meta 
    name="viewport" 
    content="width=device-width; height=device-height; initial-scale=1.0" 
/> 

<link 
    type="text/css" 
    rel="stylesheet" 
    href="screen.css" 
    media="screen,projection,tv" 
/> 

<title> 
    change picture 
</title> 

</head><body> 

<div id="slideCounter"></div> 
<div id="slideShow"> 
<?php 

$allowed_types = ['png','jpg','jpeg','gif']; 
$imageDir = 'files/radar-simulation-files'; 
/* 
    Assumes this .php is being run from the http root on the same 
    domain as the desired image files. 
*/ 

$handle = opendir($imageDir); 
while (($imgPath = readdir($handle)) !== false) if (
    in_array(
     strtolower(pathinfo($imgPath, PATHINFO_EXTENSION)), 
     $allowed_types 
    )) echo ' 
    <img src="', $imageDir, '/', $imagePath, '" alt="slide" />'; 
closedir($handle); 

?> 
<!-- #slideShow --></div> 

<script type="text/javascript" src="slideShow.js"></script> 

</body></html>

現在我有這個代碼還JavaScript代碼使用，我不知道在哪裏添加此代碼？

(function(d) { 

    // user defines 

    var 
     swapHours = 0, 
     swapMinutes = 0, 
     swapSeconds = 5, 
     swapTotal = (swapHours * 60 + swapMinutes) * 60 + swapSeconds, 
     loopSlideShow = true; 

    // some handy helper functions 

    function classExists(e, className) { 
     return RegExp('(\\s|^)' + className + '(\\s|$)').test(e.className); 
    } 

    function classAdd(e, className) { 
     if (classExists(e, className) return false; 
     e.className += (e.className ? ' ' : '') + className; 
     return true; 
    } 

    function classRemove(e, className) { 
     if (!classExists(e, className)) return false; 
     e.className = e.className.replace(
      new RegExp('(\\s|^)' + n + '(\\s|$)'), ' ' 
     ) . replace(/^\s+|\s+$/g,''); 
     return true; 
    } 

    function textReplace(e, newtext) { 
     if (d.innerText) e.innerText = newText; 
      else e.textContent = newText; 
    } 

    function nodeFirst(e) { 
     e = e.firstChild; 
     while (e && e.nodeType != 1) e = e.nextSibling; 
     return e; 
    } 

    function nodeLast(e) { 
     e = e.lastChild; 
     while (e && e.nodeType != 1) e = e.prevSibling; 
     return e; 
    } 

    function nodeNext(e) { 
     while (e) if ((e = e.nextSibling).nodeType == 1) return e; 
     return null; 
    } 

    function nodePrev(e) { 
     while (e) if ((e = e.prevSibling).nodeType == 1) return e; 
     return null; 
    } 

    // slideShow setup 

    var 
     slideShow = d.getElementById('slideShow'), 
     slideCounter = d.getElementById('slideCounter'), 
     firstSlide = nodeFirst(slideShow), 
     lastSlide = nodeLast(slideShow), 
     currentSlide = firstSlide, 
     swapCounter; 

    classAdd(slideShow, 'ss_scripted'); 
    classAdd(currentSlide, 'ss_show'); 

    // slideShow functions 

    function showCounter() { 
     textReplace(slideCounter, 
      Math.floor(swapCounter/3600) + ':' + 
      (Math.floor(swapCounter/60) % 60) + ':' + 
      swapCounter % 60 
     ); 
    } 

    function resetCounter() { 
     swapCounter = swapTotal; 
     showCounter(); 
    } 

    function makeSlide(newSlide) { 
     classRemove(currentSlide, 'ss_show); 
     currentSlide = newSlide; 
     classAdd(currentSlide, 'ss_show'); 
    } 

    function nextSlide() { 
     resetCounter(); 
     var newSlide = nodeNext(currentSlide); 
     if (newSlide) makeSlide(newSlide); 
      else if (loopSlideShow) makeSlide(firstSlide); 
    } 

    function prevSlide() { 
     resetCounter(); 
     var newSlide = nodePrev(currentSlide); 
     if (newSlide) makeSlide(newSlide); 
      else if (loopSlideShow) makeSlide(lastSlide); 
    } 

    function slideUpdate() { 
     if (swapCounter--) showCounter(); else nextSlide(); 
    } 

    function startSlideShow() { 
     resetCounter(); 
     setInterval(slideUpdate, 1000); 
    } 

    // wait for onload to actually start the countdown 

    if (window.eventListener) w.addEventListener('load', startSlideShow, false); 
     else w.addEventListener('onload', startSlideShow); 

})(document);

我想在這行之間添加以下代碼：

<script type="text/javascript" src="slideShow.js"></script>

腳本標記之間。

在腳本標記之間添加此代碼是否正確？
我得到這個代碼的3個錯誤：

就行了：如果（classExists（E，類名）返回false;預期），但發現回

就行了： classRemove（currentSlide，'ss_show）;缺少近親報價

上線：currentSlide = newSlide;預期但未找到

最後在哪裏添加CSS代碼？

來源

2014-11-03 Haim Shaban

你是正確的把它放在'script'標籤之間，但是你必須刪除'src'屬性，否則瀏覽器將忽略標籤內的內容，並嘗試下載'src中指定的文件' – danyamachine 2014-11-03 18:14:21

看來你應該對你正在做的工作做一些研究。 http://www.w3schools.com/js/js_whereto.asp – 2014-11-03 18:17:06

請參閱http://quirksmode.org/js/placejs.html – 2014-11-03 18:22:55

您的第一個錯誤if (classExists(e, className) return false;應該是if (classExists(e, className))。你錯過了一個右括號。

關於你的第二個錯誤，你錯過了錯誤狀態的關閉報價。它應該是classRemove(currentSlide, 'ss_show');。

由於最後一個錯誤，代碼在語句結尾處期待逗號而不是分號。

將代碼放在script標記之間並刪除src標記。您也可以有多個script標籤。

來源

2014-11-03 18:23:21 aaronToner

在哪裏以及如何在PHP文件中添加JavaScript代碼和CSS代碼？

回答

相關問題