Websites – Bookmarklets – Javascript – Linux

Publicado: 12 de julho de 2014 em JavaScript

Em um navegador da web, um bookmark” é uma URL salva como um site favorito, o famoso atalho para alguns browser CTRL + D. Se você marcar um javascript: URL, você está salvando um pequeno script, conhecido como um bookmarklet.

Um bookmarklet é um mini programa que pode ser facilmente lançado de menus e barra de ferramentas do navegador. O código em um bookmarklet funciona como se fosse um script na página e pode consultar e definir o conteúdo do documento, apresentação e comportamento. Enquanto um bookmarklet não retorna um valor, ele pode operar em qualquer documento que é exibido sem substituir esse documento com novos conteúdos.

Um link como este é útil quando codificado em uma página que está em desenvolvimento, mas torna-se muito mais útil quando armazenada como um favorito que pode ser executado em qualquer página.

Bookmarklets - Javascript

Bookmarklets – Javascript

Exemplo:

Neste exemplo escrevemos um código javascript utilizando o protocolo javascript:URL, note que esta URL JavaScript está escrita em várias linhas, mas o interpretador HTML a trata como uma única linha. Além disso, lembre-se que o código é parte de um atributo HTML em aspas simples, certifique-se que seu código não contenha nenhuma aspas simples. Tente salvar este link como um favorito e verá que ele poderá ser executado em qualquer pagina.

Html / Javascript

<!DOCTYPE html>
<html> 
<head>
   <title>Desenvolvimento Aberto</title>
</head>
 
<body>
 
<h2>Desenvolvimento Aberto</h2>
<h3>Javascript - Bookmarklets </h3>

<p>Entre com numeros e operadores para efetuar calculos </p>

<a href='javascript:
         var val = "";
         var res = "";         
         do {              
              val = prompt("Calculo: " + val + "\n" + res + "\n", val);
              try { res = "Resultado: " + eval(val); }
              catch(ex) { res = ex; } 
            } 
         while(val); 
         void 0;'>Calculadora</a>

<pre>
<script>
// sem script no documento html
</script>
</pre>
 
</body> 
</html>
Anúncios

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair /  Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair /  Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair /  Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair /  Alterar )

Conectando a %s