呼叫外部js文件并使用其内部方法

很久没有学习jQuery了,都快忘记了。今天学习一个小功能,使用jQuery的$.getScript()方法,是读取外部js文件,读取之后,并执行js文件内的一个方法。

首先我们创建这个js文件,如i.js:

ASP.NET MVC的控制器在此省略。

视图实现:

js source code:

 $(document).ready(function () {
            $("#Text1").click(function () {
                var v = $(this).attr("value");
                $.getScript(‘/Scripts/i.js‘, function () {
                    me("Hi, " + v);
                });
            });
        });

#16行代码即是Call外部js文件,在#17代码中,红色箭头所指,即是js内部的方法。

演示:

时间: 2024-07-28 21:05:04

呼叫外部js文件并使用其内部方法的相关文章

vue如何导入外部js文件(es6)

也许大家都是使用习惯了es5的写法喜欢直接用<Script>标签倒入js文件,但是很是可惜,这写法.在es6,或则说vue环境下不支持 真的写法是怎样? 首先.我们要改造我们要映入的外部js文件,改成下面这个格式.主要是红色方块内部代码,我们需要将我们的模块"抛出",让人能获取到 代码: [html] view plain copy function realconsole(){ alert("hello.thanks use me"); } expor

kettle转换JavaScript加载外部js文件

日常开发中,时常会出现这样一种情况.有大量的函数是通用的.而每个JavaScript里面写一遍,给维护带来很大的困扰.因而需要将公共的函数写在外部js文件中.这时就需要引入外部的公共文件了.下面是在转换里的JavaScript组件中引入外部公共js文件. //加载js文件 LoadScriptFile(getVariable("Internal.Transformation.Filename.Directory", "") +"/common_Functi

webBrowser调用外部js文件和js函数(转载)

原文链接:http://fy5388.blog.163.com/blog/static/56499537201012594314130/ webBrowser调用外部js文件和js函数 '第一种方法:webbrowser动态调用html和js代码,都是动态的:代码示例: webBrowser1.Navigate("about:blank");webBrowser1.Document.OpenNew(True);webBrowser1.Document.Write("<H

javascript中外部js文件取得自身完整路径得办法

原文:javascript中外部js文件取得自身完整路径得办法 有时候我们需要引入一个外部js文件,这个js文件又需要用到自己的路径或者是所在的目录,别问怎么又这么变态的需求,开发做久了各种奇葩需求也就有了! 有人第一时间想到的是location.href,可是哥哥,那个引用页面的路径啊.比如a.html: <html> <script src="/b/c.js"></script> </html> 这样的话我们用location.hre

延迟加载外部js文件,延迟加载图片(jquery.lazyload.js和echo,js)

js里一说到延迟加载,大都离不开两种情形,即外部Js文件的延迟加载,以及网页图片的延迟加载: 1.首先简单说一下js文件的3种延迟加载方式: (1)<script type="text/javascript" defer>,defer属性可以推迟对脚本的解释,直到文档已经显示给用户为止,但只有IE支持defer属性 (2)设置具体的延迟时间,对应的js代码如下: function loadScript(){ var myScript=document.createEleme

为什么要采用外部js文件

这篇文章主要讲的是为什么要采用外部js文件,有什么好处. 为什么不把js内嵌在html中呢,这样不是好分析吗?对,这样你是好分析,同样的别人呢?不内嵌在html中有如下原因:   安全性: 只要查看页面的源代码,任何人都可以确切的知道其中的代码做了什么.如果怀有恶意的开发者查看了源代码,就可能发现安全漏洞,危机整个站点或应用程序的安全.此外,在外部文件中还可以加入版权和其他知识产权通告,而不打断页面流 代码维护: 如果javascript代码散布于多个页面,那么代码维护将变成异常噩梦.把所有ja

Vue 加载外部js文件

Vue.js  加载外部js文件 在项目内新建一个config.js //变量的定义 export var config = { baseurl:'http://172.16.114.5:8088/MGT2' } //函数的定义 export function formatXml(text) { return text } 使用外部的js <script> import {config,formatXml} from '../static/config.js' export default {

vue导入外部js文件的方法

1.将需要引入的外部js文件,改成下图的格式,将需要引入的内容放在一个函数内,并通过export暴露出来.  2.在vue里引入该模块 通过import引入,然后写入方法里,再按需求调用 原文地址:https://www.cnblogs.com/webwangjie/p/10950808.html

avaScript文件中调用AngularJS内部方法或改变$scope变量

需要在其他JavaScript文件中调用AngularJS内部方法或改变$scope变量,同时还要保持双向数据绑定: 首先获取AngularJS application: 方法一:通过controller来获取app var appElement = document.querySelector('[ng-controller=mainController]'); 然后在获取$scope变量: var $scope = angular.element(appElement).scope(); 如