Como engadir código JavaScript nunha publicación de WordPress?

sistematicamente aprendidoConstruír unha estacióntécnicoSEOOs expertos saben como usar os programas JavaScript facilmente.

Hai moitos códigos JavaScript fáciles de usar compartidos por outros en Internet.

se podesWordPressEngadir código JS ao artigo definitivamente fará que o artigo sexa colorido.

Como engadir código JS aos artigos de WordPress

Engadir código JavaScript a unha publicación de WordPress é moi sinxelo.

A continuación,Chen WeiliangCompartirei contigo:Como engadir código JavaScript ás publicacións de WordPress?

Normalmente hai 2 formas de engadir código JS:

1. Engade código JS directamente ás publicacións de WordPress
2. Chame ao código JS no artigo de WordPress despois de escribir o ficheiro JS

1) Engade código JS directamente á publicación de WordPress

O primeiro método, escribir JavaScript directamente na publicación de WordPress.

Aquí tes un exemplo de impresión do texto "Ola mundo!" ▼

<script type="text/javascript">// <![CDATA[
document.write("Hello World!")
// ]]></script>

Isto está nunha publicación de WordPress que mostra "Ola mundo!" despois de executar JavaScript ▼

2) Despois de escribir o ficheiro JS, chame ao código JS no artigo de WordPress

Para o segundo método, escriba o código JavaScript nun ficheiro separado.

A continuación, na publicación de WordPress onde se debe inserir o JavaScript, chame ao ficheiro JavaScript a través do editor de texto de WordPress.

O seguinte exemplo está nunha publicación de WordPress, imprimindo o texto "Ola mundo" ▼

<script type="text/javascript" src="https://img.chenweiliang.com/javascript/hello.js">// <![CDATA[
// ]]></script>

Contido do ficheiro JavaScript hello.js ▼

document.write("Hello World");

Engadir código JavaScript a unha publicación de WordPress mostra os resultados ▼

WordPress chama ao código JS para a data de hoxe

Hai moito código JavaScript divertido e útil en Internet.

Agora dá un exemplo de como usalos?

Imprime a data de hoxe nas publicacións de WordPress.

Insira o seguinte ficheiro JavaScript date.js na túa publicación de WordPress ▼

<script type="text/javascript" src="https://img.chenweiliang.com/javascript/date.js"></script>
<script type="text/javascript">// <![CDATA[
     // call function if required.
// ]]></script>

Abaixo amósase o contido JavaScript do ficheiro date.js ▼

var calendarDate = getCalendarDate();

document.write("Today is: " + calendarDate);

function getCalendarDate()
{
   var months = new Array(13);
   months[0]  = "January";
   months[1]  = "February";
   months[2]  = "March";
   months[3]  = "April";
   months[4]  = "May";
   months[5]  = "June";
   months[6]  = "July";
   months[7]  = "August";
   months[8]  = "September";
   months[9]  = "October";
   months[10] = "November";
   months[11] = "December";
   var now         = new Date();
   var monthnumber = now.getMonth();
   var monthname   = months[monthnumber];
   var monthday    = now.getDate();
   var year        = now.getYear();
   if(year < 2000) { year = year + 1900; }
   var dateString = monthname +
                    ' ' +
                    monthday +
                    ', ' +
                    year;
   return dateString;
} // function getCalendarDate()

Aquí está o resultado de que JavaScript executou a data de hoxe nunha publicación de WordPress ▼

A continuación móstrase o resultado do ficheiro JavaScript date.js executado neste artigo ▼

注意 事项

Para inserir código JS nunha publicación, debes cambiar o editor de WordPress ao modo de texto.

atención especial和之间不能有换行。

Se hai un salto de liña, WordPress procesarao automaticamente como un parágrafo e engadirá automaticamente unha etiqueta p que faga que o código do script JS falle.

Hai máis artigos sobre o código JavaScript de WordPress aquí ▼

Como especifica WordPress que as páxinas de artigos carguen código JavaScript/CSS?

Ao crear un tema de WordPress, se hai un código JavaScript ou CSS específico que aparece nunha páxina específica en WordPress, só se utilizará unha vez.Onde debe colocarse o código? Style.css ou base.js?Pero o custo de facelo é un pouco alto. ...

Como facer que WordPress cargue JavaScript para acelerar a representación da páxina?

WordPress carga JavaScript para acelerar os métodos de renderización das páxinas.Que é a propiedade Defer de JavaScript?Probablemente todo o mundo se atopara con esta situación: hai N scripts na cabeza e, cando se cargan os scripts, bloquease a representación da páxina, que adoita estar en branco. ...

Como introduce WordPress correctamente JavaScript?Carga personalizada de ficheiros JS e CSS

Os programadores que constrúen sitios web con WordPress fan referencia a algúns recursos de scripts de JavaScript e CSS cando desenvolven complementos de WordPress ou personalizan temas de WordPress.Normalmente, a xente usa enlaces, etiquetas de script directamente para HTML.De feito, dentro de WordPress...