如何在 JS 中嵌入 HTML 代码

 我来答
斐梓莹0K6
2017-04-16 · TA获得超过156个赞
知道小有建树答主
回答量:104
采纳率:20%
帮助的人:89万
展开全部
新建一网页文件“sample.html",用记事本或其它文本编辑软件(如UltraEdit)打开,输入HTML代码。该网页文件包括一个蓝色的字符串,一个按钮和一个文本框。

JS代码可插入到”head"标签之间。编写Javascript代码,代码内容,并将该段代码复制到网页文件”sample.html“中标签”<head>"和“</head>之间,然后查看网页文件的显示内容。

JS代码可插入到文档中,一般位于相关联的标签的后面。例如:我们想要实现点击“Show”按钮时弹出一个对话框,则可编辑如下的Javascript代码。其中需要在按钮标签内注册添加"onClick"事件。

当用鼠标点击“Show”按钮时就会弹出窗口。在窗口中显示我们定义的文本内容“The Show Button Has Been Clicked!"。点击”确定“即可关闭窗口。

还可以将JS代码单独写在一个文件中,然后在需要的网页文件中直接通过"Script"标签引用。例如:我们想要实现当用鼠标点击文本框时,文本框内会被写入“Hello!百度经验”字样的效果。那么首先创建一个新的JS文件“MyHello.js",并在文件中输入代码:

修改网页文件"sample.html"文件,添加代码,其中包括对外部JS文件”MyHello.js“的引用,以及为文本框添加的获取焦点注册事件。
最终网页。 当点击文本框时就会出现“Hello!百度经验”字样。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式