本文目录一览：
- 1、JS文件中如何调用外部JS文件
- 2、如何用.net cefsharp调javascript方法
- 3、C# 的cefsharp 里的ChromiumWebBrowser执行js
- 4、如何动态加载外部CSS与JS文件
- 5、怎么重新加载js文件
JS文件中如何调用外部JS文件
1、创建一个文件夹，这个文件夹有一个js文件夹和一个html文件。js文件夹用来存放需要引入的js文件。
2、打开html文件，在html文件上找到body，在body标签里创建一个按钮标签，然后给这个标签添加一个点击addJs事件。
3、在js文件夹下创建一个js文件为addJs.js。
4、在addJs.js文件上输入一个alert弹出框并保存，当引入js文件成功就会执行alert弹出框。
5、回到html文件，在按钮输入框后面创建一个script标签，然后添加用来引入addJs.js文件的addJs事件。
6、保存html文件后使用浏览器打开，点击按钮即可看到出现一个弹出，表示引入js文件成功。
如何用.net cefsharp调javascript方法
CefSharp调用 js
CefSharp.WinForms.ChromiumWebBrowser wb;
...
方式1. ExecuteScriptAsync 方法使用方式与 js 的 eval方法一样，异步执行，无返回值。
// xxx为js的方法名称
wb.ExecuteScriptAsync("xxx()");
// 为 js 的 变量jsVar赋值 'abc'
wb.ExecuteScriptAsync("jsVar='abc'");
方式2. EvaluateScriptAsync 方法使用方式与 js 的 eval方法一样，异步执行，有返回值。
TaskCefSharp.JavascriptResponse t = wb.EvaluateScriptAsync("callTest2()");
// 等待js 方法执行完后，获取返回值
t.Wait();
// t.Result 是 CefSharp.JavascriptResponse 对象
// t.Result.Result 是一个 object 对象，来自js的 callTest2() 方法的返回值
if(t.Result.Result != null)
{
MessageBox.Show(t.Result.Result.ToString());
}
C# 的cefsharp 里的ChromiumWebBrowser执行js
具体调用：
IBrowser browser = this._browser.GetBrowser();
if (browser.HasDocument)
{
IFrame mainFrame = browser.MainFrame;
var js = "var f= function A(){ return $('img',$('#"+id+"'));}; f();";
var task = mainFrame.EvaluateScriptAsync(js, null);// "(function() { var body = document.body, html = document.documentElement; return Math.max( body.scrollHeight, body.offsetHeight, html.clientHeight, html.scrollHeight, html.offsetHeight ); })();", null);
//执行脚本
//browser.MainFrame.ExecuteJavaScriptAsync("document.getElementById('testid').click();");
//browser.MainFrame.ExecuteJavaScriptAsync("document.getElementById('testid2').value='123'");
task.ContinueWith(t =
{
if (!t.IsFaulted)
{//返回结果
var response = t.Result;
var result = response.Success ? (response.Result ?? "null") : response.Message;
//html = result.ToString();
}
}, TaskScheduler.FromCurrentSynchronizationContext());
}
如何动态加载外部CSS与JS文件
动态加载外部css样式及css样式，参考代码如下：
// 动态加载外部js文件
var flag = true;
if( flag ){
loadScript( "js/index.js" );
};
function loadScript( url ){
var script = document.createElement( "script" );
script.type = "type/javascipt";
script.src = url;
document.getElementsByTagName( "head" )[0].appendChild( script );
};
// 动态加载js
if( flag ){
var script = document.createElement( "script" );
script.type = "text/javascript";
script.text = " ";
document.getElementsByTagName( "head" )[0].appendChild( script );
};
// 动态加载外部css样式
if( flag ){
loadCss( "css/base.css" );
};
function loadCss( url ){
var link = document.createElement( "link" );
link.type = "text/css";
link.rel = "stylesheet";
link.href = url;
document.getElementsByTagName( "head" )[0].appendChild( link );
};
// 动态加载css样式
if( flag ){
var style = document.createElement( "style" );
style.type = "text/css";
document.getElementsByTagName( "head" )[0].appendChild( style );
var sheet = document.styleSheets[0];
insertRules( sheet,"#gaga1","background:#f00",0 );
};
function insertRules( sheet,selectorTxt,cssTxt,position ){
if( sheet.insertRule ){ // 判断非IE浏览器
sheet.insertRule( selectorTxt + "{" + cssTxt +"}" ,position );
}else if( sheet.addRule ){ //判断是否是IE浏览器
sheet.addRule( selectorTxt ,cssTxt ,position )
}
}
怎么重新加载js文件
加载js文件三种方法，如下：
1、重新加载js文件：
function loadJs(file) {
var head = $("head").remove("script[role='reload']");
$("scri" + "pt" + "/scr" + "ipt").attr({ role: 'reload', src: file, type: 'text/javascript' }).appendTo(head);
}
2、给js定个id，重新加载：
function reloadAbleJSFn(id,newJS)
{
var oldjs = null;
var t = null;
var oldjs = document.getElementById(id);
if(oldjs) oldjs.parentNode.removeChild(oldjs);
var scriptObj = document.createElement("script");
scriptObj.src = newJS;
scriptObj.type = "text/javascript";
scriptObj.id = id;
document.getElementsByTagName("head")[0].appendChild(scriptObj);
}
3、jquery的就直接使用getScript就可以：
script type="text/javascript" src="../jquery.js"/script
script type="text/javascript"
$(function()
{
$('#loadButton').click(function(){
$.getScript('new.js',function(){
newFun('"Checking new script"');//这个函数是在new.js里面的，当点击click后运行这个函数
});
});
});
/script
/head
body
button type="button" id="loadButton"Load/button
