1首先，打开html编辑器，新建html文件，例如indexhtml2在indexhtml中的ltscript标签，输入js代码#39body#39append#39ltdiv id=quotaquot style=quotcolorbluequotdiv内容ltdiv#393浏览器运行indexhtml页面，此时div以及它的id属性和颜色属性一起被拼接到html中了。

Javascript加入网页有哪些方法呀？新建一网页文件“samplehtml，用记事本或其它文本编辑软件如UltraEdit打开，输入如图所示的HTML代码该网页文件包括一个蓝色的字符串，一个按钮和一个文本框JS代码可插入到”head标签之间方法一在页面的script中写JS文档直接写js方法二引入外部的JS文档。

首先，我们来看登录页面的代码登录页面的基本结构需要一个表单，用于输入用户名和密码这里使用HTML来构建表单，并通过CSS美化页面JavaScript负责处理表单提交时的逻辑，验证用户输入的凭据是否正确例如，当用户点击登录按钮时，JavaScript会检查用户名和密码是否匹配预设值，如果匹配，则跳转至成功页面否。

JS如何在页面中插入HTML代码1步骤新建一网页文件“samplehtml，用记事本或其它文本编辑软件如UltraEdit打开，输入如图所示的HTML代码该网页文件包括一个蓝色的字符串，一个按钮和一个文本框JS代码可插入到”head标签之间2在网页上写入一个标题为hello的元素效果如图在网页上写入一个九九乘。

1J首先输入s_file01js，程序代码 documentwritequot ltscript language=\quotjavascript\quot src=quot\com\ Js_file02js \quot lt\scriptquot2 html代码 代码如下lthtml ltbody ltinput type=quotbuttonquot value=quotokquot onclick=quotjavascriptfun_bquot ltbody 必须在这个位置，也即。

Hello！百度经验”字样的效果那么首先创建一个新的JS文件“MyHellojsquot，并在文件中输入代码修改网页文件quotsamplehtmlquot文件，添加代码，其中包括对外部JS文件”MyHellojs“的引用，以及为文本框添加的获取焦点注册事件最终网页 当点击文本框时就会出现“Hello百度经验”字样。

第一步，创建静态页面vhtmlhtml，并引入vuejs文件 第二步，在ltbodyltbody元素内插入两个div，一个作为外层div，另外一个作为子div，并在父div绑定vhtml指令 第三步，绑定vhtml指令数据，这里设置为字符串 第四步，Vuejs库的vhtml指令是插入html元素，修改datas为包含ltpltp标签 第。

1新建html文档，然后在head标签中引入vue的js文件，这里以引入cdn文件为例2在body标签中添加一个id为“app”的div标签，然后在这个div标签中再添加一个div标签，在vue中添加一个变量数据，然后用“”符号将变量引入到div标签中，并且在标签中添加“vhtml=quot变量quotvhtml=quot变量quot”属性3。

编写HTML网页，嵌入javascript程序1步骤新建一网页文件“samplehtml，用记事本或其它文本编辑软件如UltraEdit打开，输入如图所示的HTML代码该网页文件包括一个蓝色的字符串，一个按钮和一个文本框JS代码可插入到”head标签之间2通过使用html标签的style属性来写通过这种方式写的样式会覆盖掉。

实现HTML页面中跳转到指定位置，提升用户体验，是网页设计中常见需求主要有两种方法纯HTML与JS实现一纯HTML方法 1 利用id标记的锚点任意HTML元素可以作为锚点，只需为其添加id属性例如 ltdiv id=quottargetquot内容ltdiv2 利用a标签的name属性作为锚点锚点只能是a标签，用于链接到页面。

4在js标签内，通过length属性获得数组arr的长度，即元素的个数，主要用于for语句中限制循环的次数5在js标签内，定义一个变量html，使用for循环遍历arr数组，每次读取数组元素，将元素值与p标签组合，用于实现在页面出来6在js标签内，使用getElementById方法通过idoutinput获得div对象，通过。

一使用javascript 模板引擎 用javascript预编译模版，就是动态修改模板文件使之成为一个可用的静态HTML文件 我平时会使用artTemplate，性能很好而且易上手编写模板 使用一个type=quottexthtmlquot的script标签存放模板ltscript id=quottestquot type=quottexthtmlquotlth1titlelth1ltul each list。

quot，quot + num3 + quotquotdocumentwritequotltbrquotdocumentwritequot他们的和为quot + numSum + quotquotdocumentwritequotltbrquotdocumentwritequot他们的积为quot + numProduct + quotquotltscriptltbodylthtml 补充第11行和第13行被百度吞了部分，实际应为 documentwritequotltbrquot。

js文件不是htm文件，所以里面不能有html标记在输出语句中包含的html标记除外即使js文件中可以用ltscript标记，由于js文件本身就是由ltscript src=quotquot标记调用的，这就变成重复标记了，是画蛇添足了js属于脚本文件，是由脚本代码组成的其实把正常的ltscript与ltscript标记之间的代码剪切。

大段的 HTML 嵌入到 JS 里结果就是悲剧不能代码高亮不能自动缩进，太难维护了我的经验是，直接把 HTML 单独写到一个浏览器能访问到的文件里，比如 templatefoohtml然后 JS 里发一个同步 XHR 请求去读这个文件，例如var html = Templateload#39templatefoohtml#39var target =。

2然后添加按钮点击事件，如下图所示，在按钮点击事件中获得input元素3通过value属性我们可以获得用户在input中输入的内容，如下图所示4下面我们来动态创建一个li元素，如下图所示，运用document中的createElement方法即可5创建好li元素以后，下面要做的就是给其设置innerHTML内容，如下图所示6。