
1、新建html文档,在body标签中添加一个按钮,然后在head标签中引入jQuery文件:
2、使用jQuery给按钮添加点击事件,然后使用ajax发送请求并将获取到的结果进行输出:
3、用浏览器打开代码,点击浏览器上的按钮,这时html页面中的内容就被输出到了控制台中:
asp代码是在服务端执行的,要获取js执行的结果,只能用js通过ajax提交给后端对应的接口。
或者通过url跳转,把数据带在url中,asp去解析url。
或者通过表单提交。
浏览器查看。
用Chrome、火狐等(其它浏览器 *** 作类同),打开浏览器后,按F12。或者打开开发者工具,可以查看相应的html、css、js等内容。
效果图如下(查看源码)
1、首先新建文件。
2、js如何获取div里面的内容,代码如下。
3、js修改div里面的内容。
4、js 获取input里面的内容。
5、js修改input里面的内容,这样就完成了。
注意事项:
因为Netscape与Sun合作,Netscape管理层希望它外观看起来像Java,因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。
webview js之间的交互,项目中马上用到。
JS调用java代码效果图
java代码调用javasrcipt代码效果图
indexhtml代码:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 401//EN" ">
<xml version="10" encoding="utf-8"><LinearLayout xmlns:android=">
public class MainActivity extends AppCompatActivity {private WebView mWebView; @Override protected void onCreate(Bundle savedInstanceState) { superonCreate(savedInstanceState); setContentView(Rlayoutactivity_main); mWebView = (WebView) findViewById(Ridtest_webview); //设置WebView支持JavaScript mWebViewgetSettings()setJavaScriptEnabled(true); mWebViewloadUrl("file:///android_asset/indexhtml"); mWebViewaddJavascriptInterface(new JsInterface(this), "AndroidWebView"); //添加客户端支持 mWebViewsetWebChromeClient(new WebChromeClient()); findViewById(Ridtest_btn)setOnClickListener(new ViewOnClickListener() { @Override public void onClick(View v) {
sendInfoToJs(); }
}); } private class JsInterface { private Context mContext; public JsInterface(Context context) { thismContext = context; } //在js中调用windowAndroidWebViewshowInfoFromJs(name),便会触发此方法。 @JavascriptInterface public void showInfoFromJs(String share) {
ToastmakeText(mContext, share, ToastLENGTH_SHORT)show(); }
} //在java中调用js代码 public void sendInfoToJs() {
String msg = ((EditText)findViewById(Ridtest_edt))getText()toString(); //调用js中的函数:showInfoFromJava(msg) mWebViewloadUrl("javascript:showInfoFromJava('" + msg + "')"); }
总结下,java代码中要设置webview对javascript的支持,addJavascriptInterface(new JsInterface(this), "AndroidWebView");//这句代码中的第二个参数是在js访问方法的地址。
windowAndroidWebViewshowInfoFromJs(share);
以上就是关于js获取html页面显示内容全部的内容,包括:js获取html页面显示内容、asp如何获取javascript代码执行后的网页内容、如何查看网页的JS代码等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)