Heim > Artikel > Web-Frontend > HTML-Seite, JS-Aufruf der C-Funktion testen

HTML-Seite, JS-Aufruf der C-Funktion testen

不言Original: 2018-06-05 15:36:281765Durchsuche

Das Folgende ist eine HTML-Seite, auf der Sie ein einfaches Beispiel für den Aufruf von C-Funktionen durch JS testen können. Es ist ziemlich gut. Ich werde es jetzt mit Ihnen teilen und als Referenz geben. Kommen Sie vorbei und schauen Sie es sich gemeinsam an

Merken Sie es sich hier, damit Sie es überprüfen können, wenn Sie es später verwenden müssen!

<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio">
<meta http-equiv="content-type" content="text/html;charset=gbk">
<TITLE>HTML页面，测试JS对C函数的调用</TITLE>
</HEAD>
<BODY>  
  <input type="button" value="测试JS对C++无参函数的调用(Window Binding)" onclick="javascript:testCallFunc()" />
  <br/><hr /><br />
  <input type="button" value="测试JS调用多参数C++函数(Window Binding)" onclick="javascript: testCallFunc2()" /><input id="func2_input1" type="text" value="这里输入参数1" onclick="  if (this.value == &#39;这里输入参数1&#39;) { this.value = &#39;&#39; }" onblur="if(this.value==&#39;&#39;){this.value=&#39;defaultValue&#39;}" /><input id="func2_input2" type="text" value="这里输入参数2" onclick="  if (this.value == &#39;这里输入参数2&#39;) { this.value = &#39;&#39; }" onblur="if(this.value==&#39;&#39;){this.value=&#39;defaultValue&#39;}"/>
  <br /><hr /><br />
  <input type="button" value="测试，调用C++函数修改JS Window对象属性(Window Binding)" onclick="javascript: testCallFunc3()" /><input id="func3_input" type="text" value="这里输入全局变量的值" onclick="  if (this.value == &#39;这里输入全局变量的值&#39;) { this.value = &#39;&#39; }" onblur="if(this.value==&#39;&#39;){this.value=&#39;defaultValue&#39;}" />
  <br /><hr/><br />
  <input type="button" value="测试取C++在JS Window对象中设置的属性(Window Binding)" onclick="javascript:testGetGlobalVar()" />
  <br /><hr /><br />
  <input type="button" value="测试JS调用多参数C++函数(扩展方式)" onclick="javascript: alert(&#39;测试JS调用多参数C++函数(扩展方式)=>&#39; + kagulaTest.myfunc(document.getElementById(&#39;func2_input1&#39;).value, document.getElementById(&#39;func2_input2&#39;).value))"/>
  <br /><hr /><br />
</BODY>
</HTML>


<script>
  //http://www.w3schools.com/jsref/event_onclick.asp
  //document.write(&#39;Hello World!<br/>&#39;);  
  //测试JS调用C++，无参函数
  function testCallFunc()
  {
    alert(window.myKagulaFunc());
  }
  //测试JS调用C++，带两个参数函数
  function testCallFunc2() {
    var arg1 = document.getElementById("func2_input1").value;
    var arg2 = document.getElementById("func2_input2").value;
    alert(window.myKagulaFunc2(arg1,arg2));
    //正确返回"head and tail"字符串。
  }
  function testCallFunc3()
  {
    var oldValue = window.myKagulaVal;
    var arg = document.getElementById("func3_input").value;
    window.myKagulaFunc3(arg);
    var newValue = window.myKagulaVal;
    alert("新的值：" + newValue + "\r\n老的值：" + oldValue);
  }
  //测试JS读取C++设置的变量
  function testGetGlobalVar()
  {
    alert(window.myKagulaVal);
  }
  //测试c++调用JS
  function myFunction() {
    //document.getElementById("demo").style.color = "red";
    alert("C++调用JS测试成功!");
  }
</script>

Das obige ist der detaillierte Inhalt vonHTML-Seite, JS-Aufruf der C-Funktion testen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：JS implementiert eine Methode zum Ändern von Textfarbe und -inhalt in HTMLNächster Artikel：JS implementiert eine Methode zum Ändern von Textfarbe und -inhalt in HTML

In Verbindung stehende Artikel

Mehr sehen