I';我不知道如何将Javascript嵌入Wordpress页面
所以我有一个祈祷时间脚本,我想嵌入到wordpress页面中。 以下是它的链接: 基本上有一个PrayTimes.js文件,我试图将它包含到header.php/page.php文件中,但没有成功 我将在常规HTML页面中发布的代码如下所示:I';我不知道如何将Javascript嵌入Wordpress页面,javascript,wordpress,embed,Javascript,Wordpress,Embed,所以我有一个祈祷时间脚本,我想嵌入到wordpress页面中。 以下是它的链接: 基本上有一个PrayTimes.js文件,我试图将它包含到header.php/page.php文件中,但没有成功 我将在常规HTML页面中发布的代码如下所示: <!DOCTYPE html> <html> <head> <title> Daily Prayer Timetable </title> <style>
<!DOCTYPE html>
<html>
<head>
<title> Daily Prayer Timetable </title>
<style>
body, td, th {font-family: verdana; font-size: 12px; color: #404040;}
#timetable {border-width: 1px; border-style: outset; border-collapse: collapse; border-color: gray; width: 9em;}
#timetable td, #timetable th {border-width: 1px; border-spacing: 1px; padding: 2px 4px; border-style: inset; border-color: #CCCCCC;}
#timetable th {color:black; text-align: center; font-weight: bold; background-color: #F8F7F4;}
</style>
</head>
<body>
<script type="text/javascript" src="../PrayTimes.js"></script>
<br>
<p align="center">Waterloo, ON, Canada<p>
<div align="center" id="table"></div>
<script type="text/javascript">
var date = new Date(); // today
var times = prayTimes.getTimes(date, [43, -80], -5);
var list = ['Fajr', 'Sunrise', 'Dhuhr', 'Asr', 'Maghrib', 'Isha', 'Midnight'];
var html = '<table id="timetable">';
html += '<tr><th colspan="2">'+ date.toLocaleDateString()+ '</th></tr>';
for(var i in list) {
html += '<tr><td>'+ list[i]+ '</td>';
html += '<td>'+ times[list[i].toLowerCase()]+ '</td></tr>';
}
html += '</table>';
document.getElementById('table').innerHTML = html;
</script>
</body>
</html>
每日祈祷时间表
正文,td,th{字体系列:verdana;字体大小:12px;颜色:#404040;}
#时间表{边框宽度:1px;边框样式:开始;边框折叠:折叠;边框颜色:灰色;宽度:9em;}
#时刻表td,#时刻表th{边框宽度:1px;边框间距:1px;填充:2px 4px;边框样式:插图;边框颜色:#cccc;}
#时间表{颜色:黑色;文本对齐:居中;字体大小:粗体;背景色:#F8F7F4;}
加拿大安大略州滑铁卢
变量日期=新日期();//今天
var times=prayTimes.getTimes(日期,[43,-80],-5);
变量列表=['Fajr'、'Sunrise'、'Dhuhr'、'Asr'、'Maghrib'、'Isha'、'Midnight'];
var html='';
html++''+日期。toLocaleDateString()+'';
用于(列表中的var i){
html+=''+列表[i]+'';
html+=''+次[list[i].toLowerCase()]+'';
}
html+='';
document.getElementById('table')。innerHTML=html;
我只是不知道如何将其嵌入Wordpress页面。我只需要使用一次。您应该将脚本放在
头标签之间
<!DOCTYPE html>
<html>
<head>
<title> Daily Prayer Timetable </title>
<style>
body, td, th {font-family: verdana; font-size: 12px; color: #404040;}
#timetable {border-width: 1px; border-style: outset; border-collapse: collapse; border-color: gray; width: 9em;}
#timetable td, #timetable th {border-width: 1px; border-spacing: 1px; padding: 2px 4px; border-style: inset; border-color: #CCCCCC;}
#timetable th {color:black; text-align: center; font-weight: bold; background-color: #F8F7F4;}
</style>
<script type="text/javascript" src="../PrayTimes.js"></script>
</head>
<body>
<br>
<p align="center">Waterloo, ON, Canada<p>
<div align="center" id="table"></div>
<script type="text/javascript">
var date = new Date(); // today
var times = prayTimes.getTimes(date, [43, -80], -5);
var list = ['Fajr', 'Sunrise', 'Dhuhr', 'Asr', 'Maghrib', 'Isha', 'Midnight'];
var html = '<table id="timetable">';
html += '<tr><th colspan="2">'+ date.toLocaleDateString()+ '</th></tr>';
for(var i in list) {
html += '<tr><td>'+ list[i]+ '</td>';
html += '<td>'+ times[list[i].toLowerCase()]+ '</td></tr>';
}
html += '</table>';
document.getElementById('table').innerHTML = html;
</script>
</body>
</html>
每日祈祷时间表
正文,td,th{字体系列:verdana;字体大小:12px;颜色:#404040;}
#时间表{边框宽度:1px;边框样式:开始;边框折叠:折叠;边框颜色:灰色;宽度:9em;}
#时刻表td,#时刻表th{边框宽度:1px;边框间距:1px;填充:2px 4px;边框样式:插图;边框颜色:#cccc;}
#时间表{颜色:黑色;文本对齐:居中;字体大小:粗体;背景色:#F8F7F4;}
加拿大安大略州滑铁卢
变量日期=新日期();//今天
var times=prayTimes.getTimes(日期,[43,-80],-5);
变量列表=['Fajr'、'Sunrise'、'Dhuhr'、'Asr'、'Maghrib'、'Isha'、'Midnight'];
var html='';
html++''+日期。toLocaleDateString()+'';
用于(列表中的var i){
html+=''+列表[i]+'';
html+=''+次[list[i].toLowerCase()]+'';
}
html+='';
document.getElementById('table')。innerHTML=html;
您可以修改主题标题模板
但是,正确的方法是将内联脚本放在一个单独的js文件中,并用于在页面中添加这两个js文件。谢谢您的帮助。我查找了wp\u enqueue\u script
,并尝试将其添加到标题functions.php中,但没有成功。我真的不知道该怎么办。谢谢你,我会记住的。但这不是我的代码()