»
Tiếng AnhTiếng PhápTiếng Việt

In - Thêm text cho web với DOM - JavaScriptBank.com

Phiên bản đầy đủ: jsB@nk » Chữ » Thêm text cho web với DOM
URL: https://www.javascriptbank.com/filler-text-on-demand.html

Thêm text cho web với DOM © JavaScriptBank.comHiệu ứng JavaScript này sẽ giúp bạn thêm một số văn bản nhất định trên trang web, bằng cách dùng kĩ thuật Document Object Model (DOM). Các văn bản này nằm trong một mảng; cách thức thêm mặc định sẽ là chọn ngẫu nhiên các phần tử trong mảng.

Phiên bản đầy đủ: jsB@nk » Chữ » Thêm text cho web với DOM
URL: https://www.javascriptbank.com/filler-text-on-demand.html



JavaScript
<script>// Created by: Alessandro Fulciniti :: http://web-graphics.com/mtarchive/001667.phpvar words=new Array("lorem", "ipsum", "dolor", "sit", "amet", "consectetuer", "adipiscing", "elit", "sed", "diam", "nonummy", "nibh", "euismod");function AddFillerLink(){  if(!document.getElementById || !document.createElement) return;  var i,l;  for(i=0;i<arguments.length;i++){    l=document.createElement("a");    l.href="#";    l.appendChild(document.createTextNode("[ add text to this section ]"));    l.onclick=function(){AddText(this);return(false)};    document.getElementById(arguments[i]).appendChild(l);  }}function AddText(el){  var s="",n,i;  n=RandomNumber(20,80);  for(i=0;i<n;i++)    s+=words[RandomNumber(0,words.length-1)]+" ";  var t=document.createElement("p");  t.appendChild(document.createTextNode(s));  el.parentNode.insertBefore(t,el);}function RandomNumber(n1,n2){  return(Math.floor(Math.random()*(n2-n1))+n1);}window.onload=function(){  AddFillerLink("content","navigation");}</script><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<div id="content"><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod</p><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod</p></div><div id="navigation"><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod</p></div><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->