简易网页编程应用程序(方便学习测试JavaScript、CSS,HTML)
2012-09-18 14:07
711 查看
// function runCode(id) {
var myWin = window.open('', '_blank', '');
var t = document.getElementById(id).value;
myWin.document.open('text/html', 'replace');
myWin.opener = null;
myWin.document.write(t);
myWin.document.close();
}
// ]]>
每次开启、关闭或使用VisualStudio2012的时候,电脑会很卡,所以学习JavaScript、CSS,HTML的时候编程测试很不方便,于是我就自己写了个小网页,在上面编写JavaScript、CSS,HTML程序,方便自己学习测试。下面分享给大家,如果您有好的改进,请也跟我分享一下哦(*^_^*)
程序的缺点就是:不能像VisualStudio2012那样智能识别,不过用于学习测试足够了。
下面您就可以在里面相应的标签里编写JavaScript、CSS,HTML程序啦,然后就可以点击【运行代码】,查看效果,如下:
<head>
<title >
</title>
<style type="text/css">
</style>
<script type="text/javascript">
</script>
</head>
<body >
</body>
var myWin = window.open('', '_blank', '');
var t = document.getElementById(id).value;
myWin.document.open('text/html', 'replace');
myWin.opener = null;
myWin.document.write(t);
myWin.document.close();
}
// ]]>
每次开启、关闭或使用VisualStudio2012的时候,电脑会很卡,所以学习JavaScript、CSS,HTML的时候编程测试很不方便,于是我就自己写了个小网页,在上面编写JavaScript、CSS,HTML程序,方便自己学习测试。下面分享给大家,如果您有好的改进,请也跟我分享一下哦(*^_^*)
程序的缺点就是:不能像VisualStudio2012那样智能识别,不过用于学习测试足够了。
下面您就可以在里面相应的标签里编写JavaScript、CSS,HTML程序啦,然后就可以点击【运行代码】,查看效果,如下:
<head>
<title >
</title>
<style type="text/css">
</style>
<script type="text/javascript">
</script>
</head>
<body >
</body>
相关文章推荐
- HTML学习笔记——标准网页设计+使用CSS、Javascript
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第24讲_js案例讲解_js自定义函数_学习笔记_源代码图解_PPT文档整理
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第19讲_js运行原理_js开发工具介绍_js程序(hello)_js基本语法_学习笔记_源代码图解_PPT文档整理
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第20讲_js基本数据类型_js运算符1_学习笔记_源代码图解_PPT文档整理
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第27讲_js一维数组_一维数组细节_学习笔记_源代码图解_PPT文档整理
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第24讲_js案例讲解_js自定义函数_学习笔记_源代码图解_PPT文档整理
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第33讲_Object类_闭包_成员函数再说明_聪明的猪小练习_学习笔记_源代码图解_PPT文档整理
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第25讲_js系统函数_js函数调用方式_学习笔记_源代码图解_PPT文档整理
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第22讲_js三大流程控制(顺序流程、分支控制、循环控制)_学习笔记_源代码图解_PPT文档整理
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第32讲_构造函数_成员函数详解_学习笔记_源代码图解_PPT文档整理
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第34讲_js超级玛丽小游戏_学习笔记_源代码图解_PPT文档整理
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第21讲_js运算符2_js移位运算_学习笔记_源代码图解_PPT文档整理
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第26讲_js函数调用过程内存分析_js函数细节_学习笔记_源代码图解_PPT文档整理
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第28讲_js二维数组_js冒泡排序_二分查找_学习笔记_源代码图解_PPT文档整理
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第31讲_this关键字详解_学习笔记_源代码图解_PPT文档整理
- 韩顺平_轻松搞定网页设计(html+css+javascript)_ 第18讲_js课程介绍_js基本介绍_学习笔记_源代码图解_PPT文档整理
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第29讲_二维数组转置_js面向对象编程介绍 类(原型对象)和对象_学习笔记_源代码图解_PPT文档整理
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第30讲_类和对象细节_创建对象的几种方式_js对象内存分析_学习笔记_源代码图解_PPT文档整理
- (清华大学HTML+CSS+JavaScript入门到精通学习笔记)第一章 网页设计基础
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第23讲_js三大流程控制(顺序流程、分支控制、循环控制)_js调式技巧_学习笔记_源代码图解_PPT文档整理