浏览器(客户端)的主要组件中包括渲染引擎和JS解释器等。
渲染引擎 - 用来显示请求的内容,例如,如果请求内容为html,它负责解析html及css,并将解析后的结果显示出来。
JS解释器 - 用来解释执行JS代码。
js运行是不需要搭建环境的,可以编写好js脚本后,采用下列步骤进行运行。
创建html文件
使用<script type="text/javascript" src=""></script>语法引入外部js文件
然后双击html
在浏览器中就可以看到运行js的效果了。
例如:
html文件内容如下:
<html>
<script type="text/javascript" src="testjs"></script>
<body>
</body>
</html>
js文件内容如下:
alert(1);
运行的结果就是会在浏览器中d出提示框显示1
<script src="里的js文件"></script>类似上面格式,把你js文件路径写进去就可以引用了,下面是我的引用例子:
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" href="css/commoncss" />
<link rel="stylesheet" href="css/indexcss" />
<script type="text/javascript" src="js/jqueryminjs" ></script>
<script type="text/javascript" src="js/indexjs" ></script>
<script type="text/javascript"></script>
</head>
<body>
<!--整体居中显示开始-->
<div class="site-center">
<!--最顶部导航-->
<div class="top-nav">
<div id="top-nav-left" >
<a href="#">华为官网</a>
<a href="#">华为社区</a>
<a href="#">软件应用</a>
<a href="#">Select Region</a>
</div>
<div id="top-nav-right">
<a href="#">登录</a>
<a href="#">注册</a>
<a href="#">我的订单</a>
<a href="#">L码(优购码)</a>
<a href="#">手机版</a>
<a href="#">网站导航</a>
</div>
</div>
<!--最顶部导航结束-->
<!--清除浮动-->
<div class="clear"></div>
<!--搜索框开始-->
<div class="top-search">
<div id="top-search-logo">
<img src="img/logopng" />
</div>
<div id="top-search-box">
<form>
<input type="text" class="text" maxlength="100" id="search-kw" />
<input type="submit" class="search-btn" id="search-btn" value="搜索" >
</form>
</div>
<div id="top-search-ORcode">
<img src="img/orcodepng" />
</div>
</div>
<!--搜索框结束-->
<!--清除浮动-->
<div class="clear"></div>
<!--主导航开始-->
<div class="nav">
<div id="nav-left">
<h2>全部商品</h2>
</div>
<div id="nav-right">
<ul>
<li><a href="#">首 页</a> </li>
<li><a href="#">华为专区</a> </li>
<li><a href="#">荣耀专区</a> </li>
<li><a href="#">荣耀NOTE8</a> </li>
<li><a href="#">荣耀8</a> </li>
<li><a href="#">P9</a> </li>
<li><a href="#">配件特惠</a> </li>
<li><a href="#">精彩频道</a> </li>
</ul>
</div>
</div>
<!--主导航结束-->
<!--清除浮动-->
<div class="clear"></div>
<!--商品导航开始-->
<div class="products-menu">
<div id="products-category">
<!--第一块导航-->
<div id="products-category-1">
<div class="products-category-big"><a href="#">手机</a></div>
<span><a href="#">荣耀</a></span>
<span><a href="#">荣耀2</a></span>
<span><a href="#">荣耀3</a></span>
<!--右滑动显示信息-->
<div id="products-category-hide1">
<ol>
<li><a href="#">荣耀</a></li>
<li><a href="#">荣耀</a></li>
<li><a href="#">荣耀</a></li>
<li><a href="#">荣耀</a></li>
<li><a href="#">荣耀</a></li>
</ol>
</div>
<!--右滑动显示结束-->
</ol>
</div>
<!--第一块导航结束-->
</div>
<!--商品幻灯片开始-->
<div id="products-show">
<img src="img/xiaoyaojpg" />
</div>
<!--商品幻灯片结束-->
</div>
<!--商品导航结束-->
<!--清除浮动-->
<div class="clear"></div>
<!--热卖商品开始-->
<div class="products-sellWell">
</div>
<!--热卖商品开始-->
<!--整体居中显示结束-->
</div>
</body>
</html>可以。
方式一:
右键选择打开方式,默认程序,浏览,之后进入解释器所在的路径,选择解释器,解释器一般以exe或cmd等结尾,比方选择nodeexe,这样以后每次双击js文件默认用node运行,注意在js文件最后加processstdinread(),防止自动关闭窗口。(注意:node环境和浏览器环境有些区别,如果是调试代码,按需选择浏览器打开还是node打开)
同时运行多个js文件,文本文件后缀改成 bat ,写入多行 node 文件1js,批量运行。
方式二: ftype javascript=路径/nodeexe assoc js=javascriptjs文件常见的有两种用法。
1在网页里使用:一般不能直接打开,只有配合网页使用,如果是想破解某网站的在线**等,仅从js文件入手可能性不大,建议使用专门的抓取工具,如wpe,抓取网络封包,再对封包分析,js可以使用记事本编辑。
2在单机使用,一般可以用来做为一个可执行程序直接双击就可以运行,当然前提是计算机没有安装网页设计软件。
以js为扩展名的文件是用javascript脚本语言编写的
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)