在页面中使用js

JavaScript:用来在页面编写特效的,和HTML\CSS一样当都是由浏览器解析

JavaScript语言
    一、JS如何运行(JavaScript,jscript,VbScript,applet ... )

    二、输出
        alert(什么类型都可以);
        document.write("字符串");

    三、如何在HTML文档中使用JS
        1、使用<script></script>将JS语法嵌入到HTML中,可以使用多个,每一个都是有关联的
        2、href="javascript:代码";
        3、事件中(后面介绍)
        4、外部导入 <script src=""></script>
            注意:导入顺序,是否方法重名冲突
        
<!--
JavaScript标准指定格式:
    <script language="JavaScript" type="text/JavaScript"></script>
    默认的script指的就是JavaScript,所以我们可以省略一部分内容,写成这样就可以:
        <script></script>

在页面中使用JavaScript
    1、                    JavaScript可以放在页面的任意位置,但是不能破坏页面的格式,比如不能直接将该标签放在html标签内。    JavaScript的加载是有顺序的,默认从上往下加载,你可以将它理解成为java中的泛型,JavaScript中的代码成为页面一部分。所以不同的script在页面中是可以相互调用的,但是要注意加载顺序。

    2、使用href="JavaScript:代码";action="JavaScript:代码";当然,代码泛指的是JavaScript代码块

    3、外部接入js代码(js文件中不需要写script,文件以.js结尾)
        <script src=""></script> 使用外部引用的时候在script中不要书写JavaScript代码

-->
<script language="JavaScritp" type="text/JavaScript">
    alert("111");
</script>
<html>
    <script src="01.js"></script>
    <head>
        <script>alert("222");</script>
    </head>
    <body>
        <script>alert("333");</script>
        <a href="JavaScript:alert(‘点击了‘);">dianji</a>
        <form action="JavaScript:alert(‘提交了‘);" >
            <input type="submit"/>
        </form>
    </body>
</html>
<script>alert("444");</script>
01.js:
alert("我是个好孩子");
function ad(){
    alert("ad");
}
时间: 2024-10-10 04:52:37

在页面中使用js的相关文章

JSF页面中使用js函数回调后台bean方法并获取返回值的方法

由于primefaces在国内使用的并不是太多,因此,国内对jsf做系统.详细的介绍的资料很少,即使有一些资料,也仅仅是对国外资料的简单翻译或者是仅仅讲表面现象(皮毛而已),它们的语句甚至还是错误的,很可能会误导使用者. 相对来说,看国内的那些仅仅是翻译过来的文章或书籍不如直接看国外的官方文档或资料来的实在,在我讲述jsf页面中如何使用js调用后台bean方法之前,先给大家说几个国外的资料.在primefaces官方网站上,你可以搜索到几乎所有你需要的东西,primefaces官网为:http:

巧用开发者工具的控制台来调试页面中的js语句

因为要弄某网页的一个自动登陆工具,所以需要对此网页中的元素利用js进行选取和操作,复杂的js选取如果直接在头脑中想很容易出错,而且一旦出错也不好判断错误原因. 而浏览器带的开发者工具的控制台功能,就给我们提供了一个像在本地开发工具中调试程序一样便捷的功能. 比如要调试博客首页,鼠标右键选择页面中对应的元素,弹出的菜单选择审查元素: 假设我们要选取图中标题的a标签元素,它的id为homepage1_HomePageDays_DaysList_ctl00_DayList_TitleUrl_0,那么我

对于HTML页面中CSS, JS, HTML的加载与执行过程的简单分析

最近在研究HTML页面中JavaScript的执行顺序问题.在JavaScript中,定义一个方法或者函数有很多方式,最常见的有2中,function语句式与函数直接量方式. 对于function语句式,解释器会优先解释.即加载了这个js文件后,会扫描一下所有的js代码,然后把该优先执行的东西先执行了,然后再从上到下按顺序执行.所以,定义的代码可以在执行的代码后边.就跟C#中的方法定义一样.解释器已经记住了这个方法,知道在内存中的哪里,用的时候直接去取就行了. C#语言是,对象中的属性与方法具有

页面中引入js的几种方法

通常大家最为熟悉的是一下两种方法: 在页面中直接写入<script type="text/javascript">js代码</script>. 在页面中引入外部文件<script src="xx.js"></script>. 下面再介绍几种页面引入js的代码: 在js中引入外部js,通过document.wirite("scr"+"ipt src='xx.js'></scr&q

js中全局变量修改后的值不生效【jsp页面中各个js中内容的加载顺序】

一个老项目中,一个jsp文件中有很多个js文件, 现在要在页面上的一个地方判断一个状态,因为一直找不到原来是在哪里修改的那个状态,所以决定不找了,而是在比较靠前引入的一个js中定义一个全局变量,然后在这个js的 $(function(){}} 方法中通过一个ajax向后台获取正确的状态,然后在所有的js都加载完之后根据全局变量的值的状态来修改页面上的逻辑. 但是发现,全局变量被一个外部js修改赋值后,我在jsp页面的最下面居然取不到修改过的值. 请教同事才发现原来原因是 任何一个js文件中的 $

JSF页面中的JS取得受管bean的数据(受管bean发送数据到页面)

JSF中引入jsf.js文件之后,可以拦截jsf.ajax.request请求.一直希望有一种方法可以像jquery的ajax一样,能在js中异步取得服务器端发送的数据.无奈标准JSF并没有提供这样的方法.在一些JSF框架里面提供了这样的方法,比如primefaces的onComplete方法就是返回数据到一个js方法中的.JSF能在bean里面更新视图(非ajax更新),其中的PartialViewContext类就可以做到局部更新UI,在bean里获取到这个UI就可以了.于是在网上翻看了很多

webview页面中注入js的时机深入

webview中有WebChromeClient类来完成回调,在整个页面的加载过程中,在哪个阶段进行js注入呢? 经过深入实践后, 如果在OnPageStarted回调时注入的话,有可能注入不成功,这样导致页面脚本中接口不可用. 如果在onpagefinish()中完成.由于页面document.ready的初始化回调而导致等待时间过长. 想把这个过程提前,在页面window对象创建时加载呢,webview目前又没有这样的回调. 这样的话想一个折中的处理方案,onProgressChanged在

怎样确保页面中的js代码一定是在DOM结构生成之后再调用

有这样一类问题, 如下所示, 就是在dom结构没有生成时就在js代码中调用了, 此时就会报错: <head> <script> console.log(document.body.nodeName); </script> </head> <body> </body> 上图所示的代码表明, 如果js代码在页面DOM没有解析出来时, document无法获取body元素, 这样就会造成报错. 解决方法有下面两种: 1. 将操作dom的代码

微信小程序使用wxs在页面中调用js函数,颜色值格式转换 rgb和十六进制的转换

<wxs module="filter"> var filter = { numberToFix: function (hex) { // 16进制颜色值的正则 // var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/; var reg = getRegExp('^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$','g'); console.log(reg); console.log('结束'); // 把颜色值