HTML TO JavaScript 转换_JavaScript

<html>
<head>
<title>HTML TO JavaScript 转换</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div class="menu_head">HTML TO JavaScript 转换</div>
<div class="content">
 <div>请在下边输入HTML代码:</div>
 <div>
  <textarea name="htmlcource" style="width:99%" rows="15" id="oSource" onpropertychange="change()" onChange="change()"></textarea>
 </div>
 <BR />
 <div>以下为经过转换以后的JavaScript代码:</div>
 <div>
  <textarea name="jscode" style="width:99%" rows="15" id="oResult" title="双击复杂代码" ondblclick='this.select();oResult.createTextRange().execCommand("Copy")'></textarea>
 </div>
</div>
<SCRIPT LANGUAGE="JavaScript">
<!--
function change()
{
 oResult.value="document.writeln(\""+oSource.value.replace(/\\/g,"\\\\").replace(/\//g,"\\/").replace(/\'/g,"\\\'").replace(/\"/g,"\\\"").split('\r\n').join("\");\ndocument.writeln(\"")+"\")"
}
//-->
</SCRIPT>

</body>
</html>

时间: 2024-09-18 15:56:53

HTML TO JavaScript 转换_JavaScript的相关文章

JavaScript转换与解析JSON方法实例详解_javascript技巧

本文实例讲述了JavaScript转换与解析JSON方法.分享给大家供大家参考,具体如下: json格式数据如下: var json = { 'jquery': [{ "id": "1", "type": "ASP.NET", "title": "JSON全解析"}] } alert(json.jquery[0].id); alert(json.jquery[0].type); aler

JavaScript转换二进制编码为ASCII码的方法_javascript技巧

本文实例讲述了JavaScript转换二进制编码为ASCII码的方法.分享给大家供大家参考.具体如下: <html> <head> <script type="text/javascript"> var input_id = "bin_text"; var answer_id = "answer"; function convertToASCII() { var bin_text = document.getE

javascript转换日期字符串为Date日期对象的方法_javascript技巧

本文实例讲述了javascript转换日期字符串为Date日期对象的方法.分享给大家供大家参考.具体如下: 这里实现把一个日期字符串如"2014-4-28 12:31:45"转换为Date对象: 方法一: 复制代码 代码如下: var strArray=str.split(" "); var strDate=strArray[0].split("-"); var strTime=strArray[1].split(":");

javascript转换静态图片,增加粒子动画效果

  这篇文章主要介绍了javascript转换静态图片,增加粒子动画效果,非常的炫酷,需要的朋友可以参考下 使用getImageData接口获取图片的像素点,然后基于像素点实现动画效果,封装成一个简单的lib ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 <!DOCTYPE html> <html> <head> <title>particle image<

自动生成文章摘要[JavaScript 版本]_javascript技巧

[input] truncate as charactors ; 这位是娃娃,他是我弟弟.是一只很酷又非常可爱的小狗. 他今年已经两岁了,虽然个头很小,但是气势一点也不逊色大狗.非常敢于同恶势力作斗争 娃娃的显著特点就是可爱,尤其是把耳朵背在后面的时候显得特别可爱,仿佛一只乖巧的小猫咪.他还会站起来跳舞,比如你要给他什么好吃的时候他就会这样做.毕竟这是他的一种赖以谋生的工作方式,这年头,不会点技术能有饭吃吗. 他还有一个特点就是很酷,尽管我们是兄弟,但是他从来没有巴结我们人类的臭毛病.午后,当灿

JavaScript实现阿拉伯数字和中文数字互相转换_javascript技巧

阿拉伯数字转中文数字中文数字的特点: 每个计数数字都跟着一个权位,权位有:十.百.千.万.亿. 以"万"为小节,对应一个节权位,万以下没有节权位. 每个小节内部以"十百千"为权位独立计数. "十百千"不能连续出现,而"万"和"亿"作为节权位时可以和其他权位连用,如:"二十亿". 中文数字对"零"的使用要满足以下三条规则: 以10000为小节,小节的结尾即使是0,也不使

Javascript实现Web颜色值转换_javascript技巧

最近一直忙碌于完成业务需求,好长时间没有写博客了.今天稍微有些时间,翻看了一下最近项目中的一些前端代码,看到Web颜色转换功能的时候,突然想到当我们在做一些颜色设置/编辑的需求时,经常会涉及到各种颜色值格式的互换.于是我决定记录一下我在做这一部分功能的时候是如何实现的,写下来和大家分享一下,希望读者们各抒己见,多多交流. 先看看问题 问题一,当我们在进行网页前端开发的时候,经常会使用 dom.style.backgroundColor = "#f00" 来设置某个 DOM 元素的背景颜

跟我学习javascript的隐式强制转换_javascript技巧

JavaScript的数据类型分为六种,分别为null,undefined,boolean,string,number,object. object是引用类型,其它的五种是基本类型或者是原始类型.我们可以用typeof方法打印来某个是属于哪个类型的.不同类型的变量比较要先转类型,叫做类型转换,类型转换也叫隐式转换.隐式转换通常发生在运算符加减乘除,等于,还有小于,大于等.. typeof '11' //string typeof(11) //number '11' < 4 //false 一.基

javascript转换字符串为dom对象(字符串动态创建dom)_javascript技巧

前言: 在javascript里面动态创建标准dom对象一般使用: var obj = document.createElement('div'); 然后再给obj设置一些属性. 但是,在实际使用过程中,有些人可能会想,要是能这样创建标准的dom对象就好了 伪代码:var obj=strToDom('<div id="div_1" class="div1">Hello World!</div>'); 那么今天的目的就是教大家怎么去实现一个这样