Como adicionar código JavaScript dentro de uma postagem do WordPress?

aprendido sistematicamenteconstruir um siteTécnicoSEOOs especialistas sabem como usar programas JavaScript facilmente.

Existem muitos códigos JavaScript fáceis de usar compartilhados por outras pessoas na Internet.

se você puderWordPressAdicionar código JS ao artigo definitivamente tornará o artigo colorido.

Como adicionar código JS aos artigos do WordPress

Adicionar código JavaScript a um post do WordPress é muito simples.

Próximo,Chen WeiliangVai compartilhar com você:Como adicionar código JavaScript às postagens do WordPress?

Geralmente, existem 2 maneiras de adicionar código JS:

1. Adicione o código JS diretamente às postagens do WordPress
2. Chame o código JS no artigo do WordPress depois de escrever o arquivo JS

1) Adicione o código JS diretamente ao post do WordPress

O primeiro método, escrevendo JavaScript diretamente no post do WordPress.

Aqui está um exemplo de impressão do texto "Hello World!" ▼

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

Isso está em uma postagem do WordPress que exibe "Hello World!" depois de executar o JavaScript ▼

2) Depois de escrever o arquivo JS, chame o código JS no artigo do WordPress

Para o segundo método, grave o código JavaScript em um arquivo separado.

Em seguida, na postagem do WordPress onde o JavaScript precisa ser inserido, chame o arquivo JavaScript por meio do editor de texto do WordPress.

O exemplo a seguir está em uma postagem do WordPress, imprimindo o texto "Hello World" ▼

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

Conteúdo do arquivo JavaScript hello.js ▼

document.write("Hello World");

Adicionar código JavaScript a uma postagem do WordPress mostra os resultados ▼

WordPress chama código JS para a data de hoje

Há muito código JavaScript divertido e útil na Internet.

Agora dê um exemplo de como usá-los?

Imprima a data de hoje nas postagens do WordPress.

Insira o seguinte arquivo JavaScript date.js em sua postagem do 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 está o conteúdo JavaScript do arquivo 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()

Aqui está o resultado do JavaScript executando a data de hoje em um post do WordPress ▼

Abaixo está o resultado do arquivo JavaScript date.js executado neste artigo ▼

注意 事项

Para inserir o código JS em uma postagem, você precisa alternar o editor do WordPress para o modo de texto.

atenção especial和之间不能有换行。

Se houver uma quebra de linha, o WordPress a processará automaticamente como um parágrafo e adicionará automaticamente uma tag p que fará com que o código do script JS falhe.

Há mais artigos sobre o código JavaScript do WordPress aqui ▼

Como o WordPress especifica que as páginas do artigo carregam o código JavaScript/CSS?

Ao criar um tema WordPress, se houver um código JavaScript ou CSS específico que apareça em uma página específica do WordPress, ele será usado apenas uma vez.Onde deve ser colocado o código? Style.css ou base.js?Mas o custo de fazer isso é um pouco alto. ...

Como fazer o WordPress carregar o JavaScript de forma lenta para acelerar a renderização da página?

O WordPress carrega o JavaScript lentamente para acelerar os métodos de renderização da página.O que é a propriedade Adiar do JavaScript?Todo mundo provavelmente já se deparou com esta situação: existem N scripts na cabeça e, quando os scripts são carregados, a renderização da página é bloqueada, que geralmente fica em branco. ...

Como o WordPress introduz corretamente o JavaScript?Carregamento personalizado de arquivos JS e CSS

Os programadores que constroem sites com WordPress referem-se a alguns recursos de script JavaScript e CSS ao desenvolver plugins do WordPress ou personalizar temas do WordPress.Normalmente, as pessoas usam links, tags de script diretamente para HTML.Na verdade, dentro do WordPress…