各位老铁们好，相信很多人对html js都不是特别的了解，因此呢，今天就来为大家分享下关于html js以及html字体属性的问题知识，还望可以帮助大家，解决大家的一些困惑，下面一起来看看吧！
一、如何在html页面中使用js变量
1、首先我们选择创建一个新的html5页面并完成初始化代码。
2、创建两个新的输入标记，一个用于用户输入变量，另一个用于用户更改变量的值。
3、编写脚本标记，将js代码写入内部，我们通过js获得两个输入标记元素。
4、执行按钮标记的click事件功能，也就是说，当用户单击“加一”按钮时，将调用此函数。
5、在函数中，我们首先将变量转换为数字，然后在数字中加一，以实现用js更改html变量的功能。
6、要刷新下一页，我们输入数字“18”并单击“加一”按钮。
7、我们可以看到输入框中变量的值变为19，变量的值变为js。
二、如何将js 输出到html源码中
js代码注解：javascript代码，可直接在客户端解释执行，html中调用js代码的方法有两种：一、将javascript写在html文件中，在html中调用js函数等；二、js代码写一个文件中，在html中引用该文件，使用js文件中定义的js函数。
1、打开Dreamweaver软件，在创建新项目下选择HTML；
2、点击“文件”——“另存为”——文件命名为test——保存在电脑桌面；
3、编写html文件，html文件包含用户名及密码输入文本框，确定和取消按钮；
4、在title标签下插入<script language="JavaScript">js代码</script>，在html中调用js函数；
5、js代码编写及html调用js代码完成保存tset.html文件，在浏览器中打开test.html文件，检查js代码执行效果；
6、在Dreamweaver软件中新建check.js文件（方法同html文件新建），check文件中输入校验函数；
7、test.html的title标签下引用check.js文件；
8、在程序中引用check.js文件中js函数，在浏览器中刷新test.hmtl文件，然在username的输入框中输入非法字符来检验js代码。
三、怎么在html文件中调用js文件
1、将这一段代码保存到一个文件中。
2、注意，您可以任何文本工具创建js文件，不过您在保存的时候，需要将名字后缀名为.js。
3、这里将js文件保存为index.js。之后如果我们需要使用index.js。我们只需要调用即可，不需要再写新的js文件。
4、在html的head部分引入js文件，具体的代码。
5、这个引用是一个双标签，就算没有内容，也得写全。
6、如果您的js是从外面引入，那么您不能在<script></script>中间再写js代码。
7、如果有需要，那么您需要重新声明script标签，在标签内写您的js代码。
8、无论是javascript jquery都是一样的规则，必须在script标签内写代码。引入了js文件后，您可以在需要的地方直接调用即可。
四、如何在html中调用JS文件
（1）在html文件的head中添加代码，例如：
<script src="../js/jquery-1.7.1min.js"></script>（src是js文件的路径）
（2）也可以把js文件直接拖进html页面
科普：JS一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。
五、html代码和JS代码有什么区别
1、JS代码：基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式和声明式（如函数式编程）风格。
2、html代码：是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。
1、JS代码：用于Web应用开发,常用来为网页添加各式各样的动态功能，为用户提供更流畅美观的浏览效果。
2、html代码：结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。
1、JS代码：主要用来向HTML（标准通用标记语言下的一个应用）页面添加交互行为。可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。
2、html代码：超级文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超级文本标记语言采取子类元素的方式，为系统扩展带来保证。
参考资料来源：百度百科-html代码
六、js 获取 html标签
1、新建一个html文件，命名为test.html。
2、在test.html文件内，创建一个div模块，并设置其id属性为mydiv，用于下面使用js获得标签对象。
3、在test.html文件内，在div标签内，填写一段文字，并加入一个span标签。
4、在test.html文件内，创建一个button按钮，按钮名称为“获取html”。
5、给button绑定onclick点击事件，当按钮被点击时，执行myfun()函数。
6、在test.html文件内，在js标签内，创建myfun（）函数，在函数内，使用getElementById（）方法获得div对象，通过innerHMTL属性获得div内的html内容，最后，使用alert方法将获得的html内容以弹窗形式显示
7、在浏览器打开test.html文件，点击按钮，查看获得的html标签内容。
OK，关于html js和html字体属性的内容到此结束了，希望对大家有所帮助。
